/* CSS surikagroup.com */
/* diseņo por: Claudio Carcamo - claudiocarz(at)yahoo.es */
/* mayo - 2009 */


/* ************  NORMALIZACION */


p, ul, ol, dl, dt, dd, li, blockquote, cite, h1, h2, h3, h4, h5, h6 {
  margin:0; 
  padding:0;
  font-size:1em;
  font-weight:normal;
}
img{
  border:0;
}
/*etc*/

/* ************  FIN NORMALIZACION */





body{
		background: url(../img/bg-body.jpg) repeat-x #CCCCCC;
	margin:0;
	font: 10pt 'Tahoma', Verdana, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align:center;
}


#contenedor{
	background: url(../img/bg-down-large.jpg) top center repeat-y;
	width:964px;
	margin:0 auto;
	z-index: 1;
	text-align:center;
}


#header{
	width:964px;
	height:366px;
	z-index: 99;
	margin:0 auto;
	text-align:center;
	background: transparent;
}




#contenido{
	width:863px;
	z-index: 25;
	font-size: 12px;
	margin:0 auto;
	line-height:120%;	
	padding-bottom:0px;
}
#contenido p{
	font: 8pt 'Tahoma', Verdana, Helvetica, sans-serif;
	line-height:170%;
	text-align:left;
	color:#747474;
}

#cont-cleancap{
	width:863px;
	height:510px;
	z-index: 24;
	margin:0 auto;	
	padding:0px;
	background:url(../img/bg-cont-cleancap.png) top center no-repeat;
}
#cont-cleancap-en{
	width:863px;
	height:600px;
	z-index: 24;
	margin:0 auto;	
	padding:0px;
	background:url(../img/bg-cont-cleancap-en.png) bottom center no-repeat;
}
#cont-cleancap2{
	width:863px;
	z-index: 23;
	margin:0 auto;	
	padding:0px;
}

#footer{
background: url(../img/bg-footer.png) top center no-repeat;
	width:940px;
	height:125px;
	border:0;	
	margin:0 auto;
	z-index:4;
}

#footer p{
color: #333333;
font-size:10px;
text-align:left;
}

#noticias {
background: ;
color: #333333;
text-align: justify;
width:410px;
margin:10px;
margin-bottom:30px;
float:left;
}
#noticias p {
margin:10px;
color:#333333;
}


#noticias A:LINK {
color:#FF6600;
font-weight: 400;
text-decoration: underline;
padding:0;!important
}
#noticias A:VISITED {
color:#FF6600;
font-weight: 400;
text-decoration: underline;
padding:0;!important
}
#noticias A:HOVER {
color: #FFCC00;
font-weight: 400;
text-decoration:underline;
padding:0;!important
}
.cont-noticia {
background:url(../img/separador-not.png) top center no-repeat;
}
.cont-noticia A:LINK, A:VISITED {
color:#FF6600;
font-weight:bold;
text-decoration: underline;
}
.cont-noticia A:HOVER {
color:#FF6600;
font-weight:bold;
text-decoration:underline;
}

.img-not {
float:left;
width:100px;
height:100px;
margin:15px;
border:solid #333333 thin;
}
.arriba {
text-align:right; padding-top:5px; padding-right:5px;
}

.text {
float:left; 
width:575px; 
margin-left:10px; 
margin-right:15px;
line-height:90%;
color:#666666;
font-size:11px;
margin-top:10px;
}
.text p {
text-align:justify;
}
.justificar {
text-align:justify;
}
.img-home {
width:270px; 
float:right; 
height:450px; 
background:url(img/cleancap-vert-home2.png) top right no-repeat;
}
.text-quienes {
float:left; 
width:575px; 
padding-left:10px; 
margin-right:15px;
text-align:justify;!important
line-height:90%;
color:#666666;
font-size:11px;
margin-top:10px;
margin-bottom:50px;
}
.text-cc-1 {
margin-top:20px;
float:left; 
width:300px; 
margin-left:100px; 
text-align:justify;
line-height:90%;
}
.text-cc-2 {
margin-top:20px;
float:right; 
width:300px;
margin-right:100px;
text-align:justify;
line-height:90%;
}
.cita {
font-size:11px;
line-height:120%;
color:#666666;
}
.pad-left {
margin:0 auto;
width:600px;
background:url(../img/bg-publicaciones.jpg) top center no-repeat;
padding:0;
}
.pad-left a:link {color: #000000; font-size:10px; text-decoration:none; padding:0; margin:0;} /* unvisited link */
.pad-left a:visited {color: #000000; font-size:10px; text-decoration:none; padding:0; margin:0;} /* unvisited link */
.pad-left a:hover {color: #000000; font-size:10px; text-decoration:none; padding:0; margin:0;} /* unvisited link */
.pad-left a:active {color: #000000; font-size:10px; text-decoration:none; padding:0; margin:0;} /* unvisited link */

.pad-left2 {
margin:0 auto;
width:600px;
background:url(../img/bg-publicaciones2.jpg) top center no-repeat;
padding:0;
}
.img-quienes {
float:right;
width:250px;
margin-top:0px;
text-align:right;!important
}

.banner {
float:left; 
width:280px; 
height:112px; 
margin:30px 8px 0 0; 
}
.banner2 {
float:left; 
width:280px; 
height:112px; 
margin:30px 0px 0 0; 
}
.cuadro-contacto {
float:left; 
width:215px; 
height:120px; 
margin:0px 10px;
padding:20px;
background:url(../img/persona.png) top center no-repeat;
}
.cuadro-contacto p {
margin-top:10px;
}
.cuadro-contacto2 {
float:left; 
width:215px; 
height:325px; 
margin:0px 10px;
padding:20px;
background:url(../img/persona2.png) top center no-repeat;
}
.cuadro-contacto2 p {
margin-top:10px;
font-size:9px;
color:#000000;
text-align:justify;
}

.separador {
width:100%;
	height:1px;
  clear: both;
}
.destacado {
color:#8fe00c;
font-weight:bold;
font-style:italic;
}
.destacado2 {
color: #009900;

}
.negro {
color: #000;
font-weight:300;
}
.negro-uline {
color: #000;
font-weight:300;
text-decoration:underline;
}

.cuadro-descarga {
font-size:9px;
text-align:center;
width:160px;
padding:10px 5px;
margin-left:25px;
float:left;
border:1px solid #999999;
}

h1 {
background:url() no-repeat top center;
color: #22479b;
padding-top:20px;
padding-left:0px;
padding-bottom:15px;
text-align:left;
font: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:18px;
}

h2 {
color: #FF9900;
font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:left;
padding: 20px 50px;
}

h3 {
color: #FF9900;
font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
padding: 10px 10px;
}
h4 {
font:Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
margin:5px 10px;
}


hr {
color:#000;
padding-left:100px;
}


#contenido a:link {color: #000000} /* unvisited link */
#contenido a:visited {color:#333333} /* visited link */
#contenido a:hover {color: #FF9900} /* mouse over link */
#contenido a:active {color:#FF9900} /* selected link */

A:LINK {
	text-decoration : none;
	color: #333333;
	font-weight:300;
	padding:0px;
}

A:HOVER, A:visited {
	color: #000000;
	text-decoration : none;
	font-weight:300;
	padding:0px;
}



/* MENU HORIZONTAL */

#menuh {
	font: 100% "Tahoma", Arial, Helvetica, sans-serif;
	margin-top: 20px;
	text-align:center;
}

#menuh ul, li {
	list-style-type: none;
	text-align:center;
}

#menuh ul {
	margin: 0;
	padding: 0;
	text-align:center;
}

#menuh li {
	float: left;
}

#menuh a {
	text-decoration: none;
	color: #3366CC;
	background: #F0F7FC;
	display: block;
	padding: 3px 10px;
	text-align: center;
	border: 1px solid #ACCFE8;
	border-width: 1px 1px 1px 0;
	
}


#menuh a:hover {
	background: #DBEBF6;
}



/* ESTILOS SUBMENU HORIZONTAL */
#lista-reg {
	padding-bottom:5px;
}
#lista-reg ul {
	  list-style-type:none;
	  text-align:center;
	  margin:0;
}
#lista-reg li{
   display: inline;
   text-align: center;
   margin:0;

}
#lista-reg li A:LINK, A:VISITED {
   padding: 20px;
   color: #6982C1;
   text-decoration: none;
   margin:0;
   font-size:12px;
      height:40%;
} 
#lista-reg li a:hover {
color: #0033CC;
} 

/* ESTILOS SUBMENU cleancap */
#menu-cleancap {
	padding:7px 0;
	margin-bottom:15px;
}
#menu-cleancap ul {
	  list-style-type:none;
	  text-align:center;
	  margin:0;
}
#menu-cleancap li{
   display: inline;
   text-align: center;
   line-height:80%;
   background:#F4F4F4;
   padding:6px 0;
   color:#333333;
   margin:0 7px;
   border: #999999 solid thin;
}
#menu-cleancap li a {
   padding:0 20px;
   color: #6982C1;
   text-decoration: none;
   font-size:12px;
   height:40%;
} 
#menu-cleancap li a:hover {
color: #0033CC;
} 
#menu-cleancap li a:visited {
color: #0033CC;
}

.gris-75w {
	width:85%;
	margin:0 auto;
} 
.destacado {
	color: #ECECEC;
	font-weight:600;
	font-style: normal;
} 

.naranjo {
color: #FF6600;
} 
.gris {
color: #333333;
} 

.negro-bold {
color: #000;
font-size:14px;
font-weight:bold;
} 


.columna {
margin:0 30px 0 100px ;
width:300px; 
color:#FFFDEB; 
text-align:left; 
float:left; 
line-height:150%;
} 

.bannner-tray {
margin:30px auto; 
width::75%; 
height:300px; 
background:url(../img/img/banner-trayec.jpg) top center no-repeat;
text-align:center;
}

.bannner-tray-text {
color:#333333; text-align:left; width:500px; margin:0px 0 15px 50px;
}



#firma{
	height:33px;
	margin:0;
	z-index:10;
	text-align:center;
}
#firma a, #firma a:visited, #firma a:link {
font-size:10px;
text-decoration:none;
color: #666666;
}
#a:hover {
color: #333333;
}
