@CHARSET "ISO-8859-1";

@import "menu.css";

@import "footer.css";

html {
	
}

body {
	background-image: url("../images/background.jpg");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #09350E;
	height: 100%;
	font-size: 12px;
}

#contenedor {
	width: 804px;
	margin: 0px auto;
	background-image: url("../images/backcontent.jpg");
	background-repeat: repeat-x;
	height: 550px;
}

#header {
	height: 92px;
}

#header a{
	color: white;
	}

#content {
	height: 457px;
	margin-right: 8px;
}

#content .titulo {
	border-bottom: 2px solid black;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin: -4px 22px 0;
	text-align: left;
}

#content .error {
	text-align: center;
	padding-top: 100px;
}
/*Home*/
#content .home{
	margin: 6px 22px;
	}

.home .imagen{
	padding: 5px 0px;
	}

.home .textoEstudio{
	float: right;
	width: 366px;
	text-align: justify;
	font-size: 11px;
	border-left: 1.5px solid black;
	padding-left: 12px;
	height: 241px;
	}

.home a{
	text-decoration: none;
	color: #09360F;
	font-weight: bold;
	}

.home .bienvenidos{
	text-align: justify;
	float: left;
	width: 359px;
	}
	
.home .subtitulo{
	border-bottom:2px solid black;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin-bottom: 10px;
	text-align:left;
	}

.home .link{
	margin-top: 15px;
	font-size: 16px;
	text-align: center;
	}
	
/*Decalogo*/

#content .decalogo{
	font-size: 11px;
	text-align: justify;
	margin: 5px 22px;
	}


.decalogo .izq{
	float: left;
	width: 365px;
	}

.decalogo .der{
	float: right;
	width: 357px;
	}

.decalogo li{
	margin-bottom: 4px;
	}

/*Estudio*/
#content .estudio {
	margin: 10px 22px;
	text-align: justify;
	font-size: 11px;
}


.estudio .izqtxt {
	width: 363px;
	float: left;
}

.estudio .dertxt {
	width: 378px;
	float: right;
}

/*Clientes*/
#content .clientes {
	text-align: left;
	margin: 4px 36px;
}

.clientes .texto {
	font-size:10px;
	margin-bottom:1px;
}

.clientes .izqtxt,.clientes .dertxt {
	font-size: 11px;
}

.clientes li {
	list-style: disc;
	list-style-position: outside;
}

.clientes .izqtxt {
	width: 225px;
	float: left;
	font-size: 10px;
	margin-right: 16px;
}

/*Integrantes*/
#content .integrantes {
	text-align: left;
	margin: 4px 23px;
}

.integrantes .listaIntegrantes {
	float: left;
	width: 259px;
}

.integrantes .listaIntegrantes a {
	text-decoration: none;
	color: black;
}

.integrantes .listaIntegrantes ul {
	
}

.integrantes .listaIntegrantes li {
	list-style: circle inside;
	line-height: 20px;
	margin-left: 10px;
	font-weight: bold;
}

}
.integrantes .detallesIntegrantes {
	border-left: 1.5px solid black;
	float: right;
	height: 200px;
	overflow-y: hidden;
	padding-left: 14px;
	width: 450px;
	.width: 470px;
}

.integrantes .integrante {
	width: 481px;
	.width: 470px;
	height: 200px;
	float: left;
}

.integrantes .imagen {
	float: right;
	width: 100px;
	.width: 90px;
	padding: 10px
}

.integrantes .nombre {
	font-weight: bold;
	margin-bottom: 4px;
}

.integrantes .historia {
	text-align: justify;
	font-size: 11px;
}

/*Integrantes*/
#content .areas {
	text-align: left;
	margin: 4px 23px;
}

.areas .listaAreas {
	float: left;
	width: 270px;
}

.areas .listaAreas a {
	text-decoration: none;
	color: black;
}

.areas .listaAreas ul {
	
}

.areas .listaAreas li {
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: circle;
	margin-left: 10px
}

.areas .detallesAreas {
	border-left: 1.5px solid black;
	float: right;
	height: 210px;
	overflow-y: hidden;
	padding-left: 14px;
	width: 450px;
}

.areas .area {
	width: 450px;
	height: 200px;
}

.areas .imagen {
	float: right;
	width: 100px;
	padding: 10px
}

.areas .nombre {
	font-weight: bold;
	margin-bottom: 4px;
}

.areas .historia {
	text-align: justify;
	font-size: 11px;
}

/*Contacto*/
#content .contacto {
	
}

.contacto tr {
	height: 24px;
}

.contacto .contactoForm {
	float: right;
	width: 400px;
}

.contacto .errors {
	font-size: 11px;
	text-align: left;
	width: 315px;
}

.contacto input,.contacto TEXTAREA {
	width: 300px;
	height: 15px;
}

.contacto TEXTAREA {
	height: 75px;
}

.contacto .sendButton {
	width: 50px;
	height: 20px;
}

.contacto .title {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	line-height: 20px;
}

.contacto .tdButton {
	padding-top: 4px;
	text-align: right;
}

.contacto .formasContacto {
	width: 350px;
	float: left;
	margin-left: 22px;
	text-align: left;	
	font-size: 13px;
}

.contacto .formasContacto a{
	text-decoration: none;
	color: #09360F;	
	font-weight: bold;
}

.contacto .formasContacto ul{
line-height: 24px;
margin-left: 20px;
}
.contacto .formasContacto li{
font-size: 12px;
font-weight: bold;
}

.contacto .tdLabel {
	text-align: left;
	vertical-align: top;
	width: 75px;
}

/*Clases utiles*/
.clear {
	clear: both;
}