/*////////////////////////////////////////////////////////////////



////////////////////////////////////////////////////////////////*/

/*Reseteo global*/

body {
	background:url(img/bg.png) repeat-x top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}

html {
	background:url(img/bottom_bg.jpg) repeat-x bottom;
}

div{
	margin:0;
	padding:0;
}


/*///////////////////////ESTRUCTURAA//////////////////////////////////*/

/*////////////////////////HEADEr + Top///////////////////////////////////*/
#conenedor{
	width:952px;
	margin:0 auto;
	top:0;
	min-height: 100%;
}

/*#top{
	height:3px;
	width:950px;
	margin:0 auto;
	padding:0;
}*/

#header{
	height:191px;
	background:url(img/header.jpg);
	width:950px;
	margin:0 auto;
}

#header #logo{
	height:111px;
	width:157px;
	float:left;
	background-repeat:no-repeat;
	margin:42px 0 0 42px;
}

#header #intro{
background:url(img/intro.gif) no-repeat right;
	float:right;
	width:590px;
	height:70px;
	margin-top:30px;
	font:26px Times New Roman, Times, serif ;
	color:#000000;
	text-align:right;
}
#header #intro2{
	float:right;
	width:570px;
	height:50px;
	margin-top:10px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:left;
}

/*/////////////////////////////////MAIN CONTENT///////////////////////*/
.imagen{
border-bottom:#333333 solid 22px;
border-left:#333333 solid 9px;
border-top:#333333 solid 22px;
border-right:#333333 solid 9px;
}

.texto_imagenes{
font:11px Arial, Helvetica, sans-serif ;
}

#botonera{
	height:30px;
	width:950px;
	margin:0 auto;
	padding:0;
}

#principal{
	width:952px;
}

#principal #left{
float:left;
	width:618px;
	padding:40px 0 50px 0;
	height:100%;
}

#principal #left p{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2;
}

#principal #left h1{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	font-weight: bold;
	padding:0;
	margin:0;
}

#principal #left h2{
	margin-bottom:20px;
	border-bottom:1px solid #E2E2E2;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	font-weight: 400;
}

#principal #right{
	float:left;
	padding-top: 40px;
	width: 230px;
	margin-left: 100px;
}

#principal #right p{
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;

	color:#4b4b4b;
	line-height:1.5;
}

#principal #right h1{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	font-weight: 600;
	padding:0;
	margin:0;
}

#principal #right h2{
	margin-bottom:20px;
	border-bottom:1px solid #E2E2E2;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	font-weight: 400;
}
/*//////////////////////trabajos preview grande///////////////////////*/

#left1{
float:left;
	width:670px;
	padding-top:40px;
	height:100%;
}

#left1 p{
	font:14px Times New Roman, Times, serif;
	color:#333333;
	line-height:1.2;
}

#left1 h1{
	font:24px Times New Roman, Times, serif;
	color:#4b4b4b;
	font-weight: bold;
	padding:0;
	margin:0;
}

#left1 h2{
	margin-bottom:20px;
	border-bottom:1px solid #E2E2E2;
	font:15px Times New Roman, Times, serif;
	color:#4b4b4b;
	font-weight: 500;
}

#right1{
	float:left;
	padding-top: 40px;
	width: 230px;
	margin-left: 52px;
}

#right1 p{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	line-height: 1.5;
}

#right1 h1{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	font-weight: 600;
	padding:0;
	margin:0;
}

#right1 h2{
	margin-bottom:20px;
	border-bottom:1px solid #E2E2E2;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	font-weight: 400;
}

/*//////////////////////Footer///////////////////////*/

#foocontainer {
	clear:left;
	background:url(img/footer.jpg) no-repeat bottom;
	padding-top:30px;
	height:215px;
	vertical-align: bottom;
}

.box {
	float:left;
	width:286px;
	padding:0 15px 0 15px;
	color:#75746f;
}

.box h1{
margin-top:0;
font:lighter 18px Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
margin-bottom:4px;
border-bottom:1px solid  #666666;
}

.box p{
font: 12px italic Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.box a{
font: 12px italic Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.textobox{
font: 12px italic Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.textobox a{
font: 11px italic Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

.textoboxgris{
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #CCCCCC;
}

#pie {
clear:left;
height:20px;
padding:10px 20px 0 20px;
color:#8a8a8a; 
font-size:10px; 
font-family:Tahoma, verdana;
}

/*////////////////////////menu/////////////////////////////////////*/

#navi  {
height:30px;
list-style : none;
margin : 0;
padding : 0;
font : 12px Tahoma;
}
#navi ul {
margin : 0;
padding : 0;
list-style-image:none;
list-style:none;
}
#navi li {
margin : 0;
padding : 0;
float : right;
color : #ffffff;
}
#navi li a {
padding:8px 0 3px 0;
list-style-image:none;
list-style:none;
display : block;
width : 100px;
text-decoration : none;
text-align : center;
font : 11px Tahoma;
color : #ffffff;
}
#navi li a:hover {
color : #cccccc;
} 


/* testimonios/////////////////////////////////////////////////////*/
#principal #leftestimonio{
	width:618px;
	padding-top:40px;
	min-height:800px;
}

#principal #leftestimonio p{
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	line-height:1.2;
}

#principal #leftestimonio h1{
	font:18px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	font-weight: bold;
}

#principal #leftestimonio h2{
	margin-bottom:20px;
	border-bottom:1px solid #E2E2E2;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#4b4b4b;
	
}

/*/////////////////////  ADMIN ////////////////////////////////**/

#principal #leftadmin{
	width:950px;
	padding-top:40px;
	min-height:800px;
	margin:0 auto;
}

#principal #leftadmin p{
	font:14px Times New Roman, Times, serif;
	color:#333333;
	line-height:1.2;
}

#principal #leftadmin h1{
	font:24px Times New Roman, Times, serif;
	color:#4b4b4b;
	font-weight: bold;
}

#principal #leftadmin h2{
	margin-bottom:20px;
	border-bottom:1px solid #E2E2E2;
	font:15px Times New Roman, Times, serif;
	color:#4b4b4b;
	font-weight: 500;
}


/*///////////////////////// mootools /////////////////////////////////*/



#idList {
	margin: 0;
	padding: 0;
}
 
#idList li {
	display: block;
	margin: 0;
	padding: 4px;
	width: 200px;
	color: #888;
	text-decoration: none;
	list-style-image: none;
	list-style-type: none;
	border-bottom:dashed thin #CCCCCC;
}




.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #DD8D1B;
	padding: 8px 8px 4px;
	background: url(img/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(img/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}

/*////////////////jquery tooltip////////////////////////////////////////*/
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
/*////////////////END OF: jquery tooltip////////////////////////////////////////*/

/*////////////////mensaje de email confirmado o error///////////////////////////*/
.variable_texto_ok{
background:#B8F5B1 url(img/accept.gif) no-repeat left;
border: #999999 dashed 1px;
font:12px Georgia, "Times New Roman", Times, serif;
color:#666666;
padding:2px 0 0 20px;
height:20px;
}

.variable_texto_mal{
background:#FFD5AA url(img/cancel.gif) no-repeat left;
border: #CC6600 dashed 1px;
font:12px Georgia, "Times New Roman", Times, serif;
color:#666666;
padding:2px 0 0 20px;
height:20px;
}