﻿/*@charset "utf-8";*/

/* Padding y margin */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

/* Tamaños de los headers */
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
}

/* Estilos de las listas */
ol, ul {
list-style: none;
}

/* Estilo y grosor de las fuentes */
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal;
font-weight: normal;
}

/* Bordes de las tablas */
table {
border-collapse: collapse;
}

/* Otros bordes */
fieldset, img {
border: 0;
}

/* Alineacón del texto */
caption, th {
text-align: left;
}








/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
body {
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 11px;
	}
	
html {
	height: 100%;




}
	
#container {
	width: 1000px;
	text-align: left;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	display: block;
	height: 100%;
	overflow: auto;

}

#container2 {
	width: 1003px;
	text-align: left;
	font-size: 11px;
	margin-right: auto;
	margin-left: auto;
	background-color: #1a1a1a;
	display: block;
	height: 100%;
	overflow: auto;

}

#container .textoscontainer2 {
	font-size: 11px;
	float: left;
	width: 1000px;
}

#container .textoscontainer2 h1 {
	color: #99CC00;
	padding-left: 15px;
	padding-right: 10px;
}

#container .textoscontainer {
	padding-top: 20px;
	font-size: 11px;
	float: left;
	width: 1000px;
}
#container .textoscontainer p {
	color: #CCCCCC;
}
#container .textoscontainer h1 {
	color: #FFFFFF;
}
#container .textoscontainer h2 {
	color: #99CC00;
}
#container .textoscontainer .titulo {
	padding-left: 10px;
}


#container .textoscontainer .columna1{
	width: 290px;
	float: left;
	padding-top: 20px;
	padding-left: 10px;
	}
	
#container .textoscontainer .columna2{
	width: 290px;
	padding-left: 30px;
	float: left;
	padding-top: 20px;
	

	
}

#container #botonera2 {
	width: 990px;
	position: relative;
	float: left;
	margin-top: 10px;
	padding-left: 5px;
	font-size: 16px;
	font-weight: bold;
}
#container #botonera2 #caja_arriba {
	padding-bottom: 10px;
}

#container #botonera2 #caja_abajo a {
	color: #CCCCCC;
	text-decoration: none;
}
#container #botonera2 #caja_abajo a:hover {
	color: #99CC00;
}

#container #botonera2 #caja_abajo p {
	color: #99CC00;
}



#container #botonera {
	width: 180px;
	position: relative;
	float: left;
	margin-top: 7px;
	padding-left: 5px;
	font-size: 12px;
	height: 440px;
	background-color: #666666;
	padding-top: 10px;
}

#botonera #caja_abajo img.izq {

}
#botonera #caja_abajo  li {
	padding-top: 5px;
	padding-left: 10px;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
}
#container #botonera #caja_abajo li.estilo8 {
	color: #FFFFFF;
}

#botonera #caja_abajo  a {
	color: #99CC00;
	text-decoration: none;
	font-weight: bold;
}


#botonera #caja_abajo  {

}
#botonera #caja_abajo a:hover {
	color: #CCCCCC;
}

#container #botonera #caja_abajo .estilo7 {
	color: #99CC00;
}

#container #botonera #caja_abajo .estilo7:hover {
	color: #CCCCCC;
}

#container #botonera #caja_abajo a.estilo9 {
	color: #FFFFFF;
}







#botonera #caja_arriba {
	width: 200px;
	float: left;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 15px;
}
#botonera #caja_arriba img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
}






#botonera #caja_abajo h1 {
	font-size: 12px;
	font-weight: bold;
	color: #CC0066;
	text-align: left;
	padding-bottom: 7px;
}




#botonera img {
	float: left;
}

 #container #contenido {
	background-color: #1a1a1a;
	width: 760px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin-top: 15px;
	display: block;
}

 #container #contenidoflash {
	width: 806px;
	position: relative;
	top: 0px;
	left: 0px;
	float: left;
	margin-top: 7px;
	display: block;
	margin-left: 7px;
}
#container #contenidoflash p {
	color: #CCCCCC;
}

.fondotitulos {
	background-color: #333333;
	width: 758px;
	z-index: 3;
	height: 40px;
	float: left;
}

#container #contenido #links .fondotitulos h1 {
	color: #99CC00;
	font-family: "Century Gothic";
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
}
#container #contenido #contacto .fondotitulos h1 {
	color: #99CC00;
	font-family: "Century Gothic";
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
}
#container #contenido #servicios .fondotitulos h1 {
	color: #99CC00;
	font-family: "Century Gothic";
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
}
#container #contenido #estudio .fondotitulos h1 {
	color: #99CC00;
	font-family: "Century Gothic";
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
}
#container #contenido #actualidad .fondotitulos h1 {
	color: #99CC00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
}







#container #contenido #servicios{
	width: 760px;
	margin-top: 21px;
}

.servicios1 {
	float: left;
	width: 760px;
	padding-top: 5px;
	
}

.servicios11 {
	float: left;
	width: 600px;
	height: 453px;
	overflow: auto;
	font-size: 13px;
}



#container #contenido .servicios1 li {
	font-size: 13px;
	list-style-position: outside;
	list-style-type: none;
	color: #DBDBDB;
	margin-bottom: 2px;
}
#container #contenido .servicios1 .servicios11 li {
	padding-bottom: 2px;
}

#container #contenido .servicios1 ul {
	padding-left: 15px;
}
#container #contenido .servicios1 h1 {
	color: #99CC00;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-size: 13px;
}
#container #contenido .servicios1 .servicios11 h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #99CC00;
}






#container #contenido #servicios .servicios1 .servicios2 {
	float: left;
	width: 440px;
	padding-right: 10px;
	height: 460px;
	padding-top: 35px;
	padding-left: 5px;
}
#container #contenido #servicios .servicios1 .servicios2 h1 {
	font-size: 13px;
	font-weight: bold;
	color: #99CC00;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
}



#container #contenido #servicios .servicios1 .servicios2 li {
	font-size: 13px;
	padding-bottom: 3px;
	color: #CCCCCC;
	padding-top: 1px;
}
#container #contenido #servicios .servicios1 .servicios2 ul {


}



#container #contenido #servicios .servicios1 .servicios3 {
	float: left;
	width: 249px;
	height: 470px;
}
#container #contenido #servicios .servicios1 .servicios3 h1 {
	font-weight: bold;
	color: #99CC00;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	padding-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}



#container #contenido #servicios .servicios1 .servicios3 li {
	font-size: 13px;
	padding-bottom: 5px;
	list-style-position: outside;
	list-style-type: none;
	color: #CCCCCC;
}
#container #contenido #servicios .servicios1 .servicios3 ul {
	padding-left: 15px;
}
#container #contenido #servicios .servicios1 .servicios3 .imagendeco {
	width: 250px;
	padding-top: 118px;
	float: left;
}
#container #contenido #servicios .servicios1 .servicios3 .imagendeco img {
	float: left;
}




#container #contenido #cv{
	width: 760px;
	height: 520px;
	margin-top: 30px;
}


.cv1 {
	background-color: #CCCCCC;
	float: left;
	width: 230px;
	height: 480px;
	display: inline;
}
#container #contenido #links .cv1 img {
	display: inline;
	float: left;
}



#container #contenido .cv1 li {
	font-size: 12px;
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: none;
	color: #333333;
}
#container #contenido .cv1 a {
	color: #333333;
}

#container #contenido .cv1 ul {


}
#container #contenido .cv1 h1 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #666666;
	padding-bottom: 10px;
	padding-top: 10px;
}




.cv2 {
	width: 450px;
	height: 480px;
	float: left;
}

.cv22 {
	width: 400px;
	height: 448px;
	overflow: auto;
	padding-left: 15px;
	padding-right: 20px;
	margin-top: 10px;
	margin-right: 10px;
}


#container #contenido .cv2 p {
	font-size: 13px;
	color: #E0E0E0;
	text-align: left;
}


#container #contenido .cv2 h1 {
	font-size: 13px;
	font-weight: bold;
	color: #99CC00;
	padding-bottom: 10px;
}
#container #contenido .cv2 h2 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #99CC00;
	padding-top: 10px;
	padding-left: 15px;
}




.cv3 {
	float: left;
	width: 300px;
	height: 480px;
}


.cv33 {
	width: 710px;
	padding-left: 15px;
	padding-right: 20px;
	margin-top: 10px;
	float: left;
}

.cv33 li {
	font-size: 12px;
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: none;
	color: #FFFFFF;
}
.cv33 strong {
	font-weight: bold;
}
.cv33 p {
	color: #FFCC00;
}


.bold {
	font-weight: bold;
}



#container #contenido .cv3 p {
	font-size: 13px;
	text-align: left;
}


#container #contenido .cv3 h1 {
	font-size: 13px;
	font-weight: bold;
	color: #99CC00;
	padding-right: 10px;
}



#container #contenido .cv3 li {
	font-size: 12px;
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: none;
	color: #FFFFFF;
}

#container #contenido #links{
	width: 760px;
	height: 520px;
	margin-top: 21px;
	margin-bottom: 20px;


}

.links1 {
	float: left;
	width: 418px;
	height: 470px;
	padding-top: 10px;
}


#container #contenido .links1 li {
	font-size: 12px;
	padding-bottom: 10px;
	list-style-position: outside;
	list-style-type: none;
	color: #333333;
}
#container #contenido .links1 a {
	color: #CCCCCC;
}
#container #contenido .links1 a:hover {
	color: #FFFFFF;
	text-decoration: none;
}


#container #contenido .links1 ul {
	padding-left: 15px;


}
#container #contenido .links1 h1 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #99CC00;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
}


.links2 {
	background-color: #CCCCCC;
	float: left;
	width: 340px;
	height: 480px;
	display: inline;
}
#container #contenido #links .links2 img {
	float: left;
	display: inline;


}


#container #contenido #contacto{
	width: 760px;
	height: 520px;
	margin-top: 21px;
	margin-bottom: 20px;
	float: left;


}


.contacto1 {
	width: 233px;
	height: 470px;
	float: left;
	padding-top: 10px;
}
#container #contenido .contacto1 p {
	color: #CCCCCC;
	font-size: 12px;
	padding-left: 15px;
}
#container #contenido .contacto1 a {
	color: #CCCCCC;
}

#container #contenido .contacto1 h1 {
	color: #99CC00;
	padding-left: 15px;
}
#container #contenido .contacto1 h2 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #99CC00;
	padding-top: 10px;
	padding-left: 15px;
}
#container #contenido .contacto1 a.estilo2 {
	color: #99CC00;
}





.contacto2 {
	background-color: #666666;
	float: left;
	width: 525px;
	height: 480px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	z-index: 2;
	display: inline;
	
}
#container #contenido #contacto .contacto2 img {
	display: inline;
	float: left;
}




#container #contenido #estudio{
	width: 760px;
	margin-top: 21px;
}


.estudio1 {
	float: left;
	width: 750px;
	padding-top: 10px;
	padding-right: 2px;
}


.estudio11 {
	float: left;
	width: 700px;
	height: 440px;
	padding-left: 15px;
	overflow: auto;
	padding-right: 20px;
	padding-top: 10px;
}

#container #contenido .estudio1 p {
	color: #DDDDDD;
	font-size: 12px;
	text-align: left;
}
#container #contenido .estudio1 h1 {
	color: #99CC00;
	padding-top: 10px;
	font-family: "Century Gothic";
	font-size: 14px;
	margin-bottom: 10px;
	padding-left: 15px;
}




.estudio2 {
	background-color: #CCCCCC;
	float: left;
	width: 278px;
	height: 480px;
	display: inline;
	
}
.estudio3 {
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 60px;
}
#container #contenido #estudio .estudio3 h2 {
	color: #FFCC33;
	font-size: 14px;
}

#container #contenido #estudio .estudio3 h1 {
	color: #FFCC00;
	font-size: 15px;
}
#container #contenido #estudio .estudio3 h3 {
	font-size: 12px;
	color: #99CC00;
}

#container #contenido #estudio .estudio3 .minis {
	float: left;
	height: 123px;
	width: 123px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#container #contenido #estudio .estudio3 p {
	color: #999999;
	margin-top: 20px;
	font-size: 15px;
}
#container #contenido #estudio .estudio3 strong {
	font-weight: bold;
	color: #CCCCCC;
}





#container #contenido #estudio .estudio2 img {
	display: inline;
	float: left;
}



#container #contenido #actualidad{
	width: 760px;
	height: 520px;
	margin-top: 21px;


}

.actualidad1 {
	float: left;
	display: inline;
	width: 758px;
	height: 470px;
	padding-top: 10px;
}
#container #contenido .actualidad1 p {
	color: #CCCCCC;
	font-size: 12px;
	padding-left: 15px;
}
#container #contenido .actualidad1 a {
	color: #CCCCCC;
}

#container #contenido .actualidad1 h1 {
	color: #99CC00;
	padding-left: 15px;
}
#container #contenido .actualidad1 h2 {
	font-family: "Century Gothic";
	font-size: 14px;
	color: #99CC00;
	padding-top: 10px;
	padding-left: 15px;
}
#container #contenido .actualidad1 a.estilo2 {
	color: #FFFFFF;
}





#container #contenido object {
	float: left;
}


#container #contenido h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFCC00;
}


#container #contenido p {
	font-size: 14px;
	color: #666666;
	text-align: justify;
}
#container #contenido .textos {
	width: 400px;
	padding-left: 10px;
	float: left;
}

#container #contenido a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#container #contenido a:hover {
	text-decoration: underline;
}



.espacio2 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:10px;
	line-height: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #1A1A1A;
	margin-right: 10px;
	margin-left: 10px;
	
}

.espacio3 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	height:20px;
	line-height: 0px;
}


.espacio4 { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	height:50px;
	line-height: 0px;
	float: left;
	width: 760px;
	
}


#container #contenido #pie {
	height: auto;
	background-color: #CCCCCC;
	width: auto;
	clear: both;
	padding-top: 10px;
	margin-top: 30px;

	
}
.tabla_archivo {
	height: 550px;
	width: 800px;
	margin-top: 20px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666666;
	padding-top: 20px;
}
.tabla_archivo img.izq {
	float: left;
	margin-bottom: 15px;
	padding-left: 23px;
}
.tabla_archivo img.der {
	float: left;
	margin-bottom: 15px;
	padding-left: 23px;
}
.archivo_titulos {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: left;
	margin-top: 20px;
}
.archivo_titulos h1 {
	color: #99CC00;
}
.archivo_titulos p {
	color: #FFFFFF;
}
.archivo_link {
	display: block;
	margin: auto;
	width: 800px;
}
.archivo_link a {
	color: #99CC00;
	float: right;
	font-size: 12px;
}


.archivo_titulos2 {
	margin-right: auto;
	margin-left: auto;
	display: block;
	text-align: left;
	margin-top: 20px;
	background-color: #1A1A1A;
	padding-left: 20px;
}
.archivo_titulos2 h1 {
	color: #99CC00;
}
.archivo_titulos2 p {
	color: #FFFFFF;
}
.archivo_titulos2 a {
	color: #FFCC00;
}

.archivo_link2 {
	display: block;
	margin: auto;
	width: 1000px;
	margin-top: 15px;
}
.archivo_link2 a {
	color: #99CC00;
	float: right;
	font-size: 12px;
}


.tabla_archivo2 {
	width: 1003px;
	margin-top: 20px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.tabla_archivo2 img.izq {
	border: 1px solid #000000;

}

.tabla_archivo2 img.izq_abajo {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;

}
.tabla_archivo2 img.der {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
}
.tabla_archivo2 img.der_abajo {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000000;
	border-bottom-color: #000000;
}



.espacio_archivo { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	height:20px;
	line-height: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	margin-bottom: 20px;
	clear: both;
}
.linea_separador {
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #666666;
}

