/*

Hoja principal de estilo de:
 _____   _____   __   _   _____   _____        ___   ______  _   _____   __   _  
/  ___| | ____| |  \ | | | ____| |  _  \      /   | |___  / | | /  _  \ |  \ | | 
| |     | |__   |   \| | | |__   | |_| |     / /| |    / /  | | | | | | |   \| | 
| |  _  |  __|  | |\   | |  __|  |  _  /    / / | |   / /   | | | | | | | |\   | 
| |_| | | |___  | | \  | | |___  | | \ \   / /  | |  / /__  | | | |_| | | | \  | 
\_____/ |_____| |_|  \_| |_____| |_|  \_\ /_/   |_| /_____| |_| \_____/ |_|  \_| 

www.generazion.com

*/

/***********************************************************/
/******************** GENERALES ****************************/
/***********************************************************/

body {
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font: normal 12px/20px  Arial, Verdana, sans-serif;
}

p,form {
	margin: 0;
	padding: 0;
}

.limpiar {
	clear: both;
	line-height: 1px;
}

img {
	border: 0;
}

a:hover, a:link, a:active, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #ff7304;
	text-decoration: underline;
}

/***********************************************************/
/******************* ESTRUCTURA GENERAL  *******************/
/***********************************************************/

#contenedor #franja_superior {
	width: 100%;
	background: transparent url('/img/est_fnd01.gif') repeat-x 0 0;
	height: 35px;
}

#contenedor #franja_superior .menu {
	width: 911px;
	margin: 0 auto;
	height: 35px;
}

#contenedor #franja_superior .menu ul {
	float: right;
	margin: 8px 10px 0 0; /* Cambia para I.E.6 */
	padding: 0;
}

#contenedor #franja_superior .menu ul li {
	list-style-type: none;
	float: left;
	color: #fff;
	margin: 0 10px 0 0;
}

#contenedor #franja_superior .menu a {
	color: #fff;
	text-decoration: none;
}

#contenedor #franja_superior .menu a:hover {
	text-decoration: underline;
}

#contenedor #cabecera {
	width: 911px;
	margin: 0 auto;
	height: 81px;
}

#contenedor #cabecera #logo {
	float: left;
	margin: 17px 0 0 0;
}

#contenedor #contenido {
	width: 100%;
	margin: 0 auto;
}

#contenedor #contenido #contenedor_texto {
	width: 911px;
	margin: 0 auto;
}

#contenedor #contenido #contenedor_texto #texto { 
	width: 630px;
	float: left;
	padding: 0 0 0 23px;
}

#contenedor #contenido #contenedor_texto #texto blockquote { 
	margin: 10px 0 0 30px;
}

#contenedor #contenido #contenedor_texto #texto blockquote p { 
	text-indent: 0;
}

#contenedor #contenido #contenedor_texto #columna {
	float: right;
	width: 214px;
}

#contenedor #contenido #contenedor_texto #columna ul {
	margin: 46px 0 0 0;
	padding:0;
	list-style-type:none;
}

#contenedor #contenido #contenedor_texto #columna ul li {
	list-style-type: none;
	height: 46px;
	margin: 0 0 17px 0;
}

#contenedor #contenido #contenedor_texto #columna ul li a {
	height:0;
	padding-top:46px;
	overflow:hidden;
	display:block;
	width: 214px;
}

#contenedor #contenido #contenedor_texto #columna ul li.opcion1 {
	background:transparent url('/img/int_dcha01.gif') no-repeat;
}

#contenedor #contenido #contenedor_texto #columna ul li.opcion2 {
	background:transparent url('/img/int_dcha02.gif') no-repeat;
}

#contenedor #contenido #contenedor_texto #columna ul li.opcion3 {
	background:transparent url('/img/int_dcha03.gif') no-repeat;
}

#contenedor #contenido #contenedor_texto #columna ul li.opcion1.opaco {
	filter: alpha(opacity=30);
	opacity: .3;
}

#contenedor #contenido #contenedor_texto #texto p { 
	text-align: justify;
	text-indent: 20px;
}

#contenedor #contenido #contenedor_texto #texto .titulo { 
	font: normal 17px/30px  Arial, Verdana, sans-serif;
	text-indent: 0;	
	margin: 0 0 5px 0;
}

#contenedor #contenido #contenedor_texto #texto .titulo2 { 
	font: normal 15px/30px  Arial, Verdana, sans-serif;
	text-indent: 0;	
	color: #5a5a5a;
}

#contenedor #contenido #contenedor_texto #texto ul { 
	margin: 30px 30px 0 30px;
	padding: 0;
}

#contenedor #contenido #contenedor_texto #texto ul li { 
	list-style-type: none;
	background:transparent url('/img/gen_bul01.gif') no-repeat 0 5px;
	margin: 0;
	padding: 0 0 10px 20px;
	text-align: justify;
}

#contenedor #pie {
	background: transparent url('/img/est_fnd02.gif') repeat-x 0 0;
	height: 96px;
	margin: 30px 0 0 0;
}

#contenedor #pie #contenedor_pie {
	width: 911px;
	margin: 0 auto;
}

#contenedor #pie ul {
	margin: 0;
	padding: 0;
}

#contenedor #pie li {
	list-style-type: none;
	float: left;
	margin: 0 10px 0 0;
}

#contenedor #pie .izquierda {
	float: left;
	margin: 70px 0 0 10px;
	color: #fff;
}

#contenedor #pie .derecha {
	margin: 70px 10px 0 0;
	float: right;
	color: #fff;
}

#contenedor #pie .derecha a {
	color: #fff;
}

#contenedor #fotoytexto .contenedor .texto {
	width: 528px;
	height: 300px;
	float: right;
	font: normal 17px/30px  Arial, Verdana, sans-serif;
	color: #fff;
	text-align: center;
}

#contenedor #fotoytexto .contenedor .texto p {
	padding: 60px 0 0 0;
}

/* El fondo naranja al 100% */

#contenedor #fotoytexto {
	width: 100%;
	height: 300px;
}

#contenedor #fotoytexto.inicio {
	background: transparent url('/img/ini_fnd01.gif') repeat-x 0 0;
}

/* No pongo la ruta completa porque IE6 no lo entiende */
.empresa,
.servicios,
.gestion,
.otros,
.clientes,
.contacto {
	background: transparent url('/img/int_fnd01.gif') repeat-x 0 0;
}

/* La foto */

#contenedor #fotoytexto .contenedor.inicio .foto,
#contenedor #fotoytexto .contenedor.empresa .foto,
#contenedor #fotoytexto .contenedor.servicios .foto,
#contenedor #fotoytexto .contenedor.gestion .foto,
#contenedor #fotoytexto .contenedor.otros .foto,
#contenedor #fotoytexto .contenedor.clientes .foto,
#contenedor #fotoytexto .contenedor.contacto .foto {
	width: 383px;
	height: 297px;
	float: left;
}

/* El texto de al lado de la foto */

#contenedor #fotoytexto .contenedor.inicio .texto,
#contenedor #fotoytexto .contenedor.empresa .texto,
#contenedor #fotoytexto .contenedor.servicios .texto,
#contenedor #fotoytexto .contenedor.gestion .texto,
#contenedor #fotoytexto .contenedor.otros .texto,
#contenedor #fotoytexto .contenedor.clientes .texto,
#contenedor #fotoytexto .contenedor.contacto .texto {
	width: 528px;
	height: 297px;
	float: right;
	font: normal 17px/30px  Arial, Verdana, sans-serif;
	color: #fff;
	text-align: center;
}

#contenedor #fotoytexto .contenedor.inicio,
#contenedor #fotoytexto .contenedor.empresa, 
#contenedor #fotoytexto .contenedor.servicios, 
#contenedor #fotoytexto .contenedor.gestion, 
#contenedor #fotoytexto .contenedor.otros,
#contenedor #fotoytexto .contenedor.clientes,
#contenedor #fotoytexto .contenedor.contacto {
	width: 911px;
	margin: 0 auto;
	height: 291px;
}

#contenedor #contenido #contenedor_texto #texto .titulo.empresa,
#contenedor #contenido #contenedor_texto #texto .titulo.servicios,
#contenedor #contenido #contenedor_texto #texto .titulo.gestion, 
#contenedor #contenido #contenedor_texto #texto .titulo.otros, 
#contenedor #contenido #contenedor_texto #texto .titulo.clientes,
#contenedor #contenido #contenedor_texto #texto .titulo.contacto {
	margin: 0 0 20px 0;
}

/***********************************************************/
/******************** PÁGINA INICIAL ***********************/
/***********************************************************/

/* Las cajitas */

#contenedor #contenido #contenedor_texto .caja1,
#contenedor #contenido #contenedor_texto .caja2,
#contenedor #contenido #contenedor_texto .caja3 {
	float: left;
	width: 33%;
	padding: 30px 0 0 0;
	background: transparent;
	height: 150px;
	margin: 15px 0 0 0;
}

#contenedor #contenido #contenedor_texto .caja1 p,
#contenedor #contenido #contenedor_texto .caja2 p,
#contenedor #contenido #contenedor_texto .caja3 p {
	width: 240px;
}

#contenedor[id] #contenido #contenedor_texto .caja1 {
	background: transparent url('/img/ini_tit01.png') no-repeat 0 0;
}

#contenedor[id] #contenido #contenedor_texto .caja2 {
	background: transparent url('/img/ini_tit02.png') no-repeat 0 0;
}

#contenedor[id] #contenido #contenedor_texto .caja3 {
	background: transparent url('/img/ini_tit03.png') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto .icono1,
#contenedor #contenido #contenedor_texto .icono2,
#contenedor #contenido #contenedor_texto .icono3 {
	width: 33%;
	float: left;
	height: 80px;
}

#contenedor #contenido #contenedor_texto .icono1 {
	background: transparent url('/img/ini_ico01.gif') no-repeat 40px 0;
}

#contenedor #contenido #contenedor_texto .icono2 {
	background: transparent url('/img/ini_ico02.gif') no-repeat 60px 0;
}

#contenedor #contenido #contenedor_texto .icono3 {
	background: transparent url('/img/ini_ico03.gif') no-repeat 60px 0;
}

/**/

#contenedor #fotoytexto .contenedor.inicio .foto {
	background: transparent url('/img/ini_foto01.jpg') no-repeat 0 0;
}

#contenedor #fotoytexto .contenedor.inicio .texto {
	background: transparent url('/img/ini_fnd02.jpg') repeat-x 0 0;
}

#contenedor #contenido.sombra {
	background: transparent url('/img/ini_fnd03.gif') repeat-x 0 0;
}

/***********************************************************/
/***************** OPCIÓN 1 - EMPRESA **********************/
/***********************************************************/

#contenedor #fotoytexto .contenedor.empresa .foto {
	background: transparent url('/img/emp_foto01.jpg') no-repeat 0 0;
}

#contenedor #fotoytexto .contenedor.empresa .texto {
	background: transparent url('/img/int_fnd02.jpg') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto .titulo.empresa {
	background: transparent url('/img/emp_tit01.gif') no-repeat 0 0;
}

/***********************************************************/
/***************** OPCIÓN 2 - SERVICIOS ********************/
/***********************************************************/

#contenedor #fotoytexto .contenedor.servicios .foto {
	background: transparent url('/img/ser_foto01.jpg') no-repeat 0 0;
}

#contenedor #fotoytexto .contenedor.servicios .texto {
	background: transparent url('/img/int_fnd02.jpg') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto .titulo.servicios {
	background: transparent url('/img/ser_tit01.gif') no-repeat 0 0;
}

/***********************************************************/
/************** OPCIÓN 3 - GESTIÓN ACADÉMICA ***************/
/***********************************************************/

#contenedor #fotoytexto .contenedor.gestion .foto {
	background: transparent url('/img/ges_foto01.jpg') no-repeat 0 0;
}

#contenedor #fotoytexto .contenedor.gestion .texto {
	background: transparent url('/img/int_fnd02.jpg') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto .titulo.gestion {
	background: transparent url('/img/ges_tit01.gif') no-repeat 0 0;
}

/***********************************************************/
/**************** OPCIÓN 4 - OTROS SERVICIOS ***************/
/***********************************************************/

#contenedor #fotoytexto .contenedor.otros .foto {
	background: transparent url('/img/otr_foto01.jpg') no-repeat 0 0;
}

#contenedor #fotoytexto .contenedor.otros .texto {
	background: transparent url('/img/int_fnd02.jpg') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto .titulo.otros {
	background: transparent url('/img/otr_tit01.gif') no-repeat 0 0;
}

/***********************************************************/
/******************** OPCIÓN 5 - CLIENTES ******************/
/***********************************************************/

#contenedor #fotoytexto .contenedor.clientes .foto {
	background: transparent url('/img/cli_foto01.jpg') no-repeat 0 0;
}

#contenedor #fotoytexto .contenedor.clientes .texto {
	background: transparent url('/img/int_fnd02.jpg') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto .titulo.clientes {
	background: transparent url('/img/cli_tit01.gif') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto #logos {
	padding: 40px 0 0 0;
}

#contenedor #contenido #contenedor_texto #logos img {
	float: left;
	margin: 0 110px 60px 0;
}

/***********************************************************/
/************************** CONTACTO ***********************/
/***********************************************************/

#contenedor #fotoytexto .contenedor.contacto .foto {
	background: transparent url('/img/con_foto01.jpg') no-repeat 0 0;
}

#contenedor #fotoytexto .contenedor.contacto .texto {
	background: transparent url('/img/int_fnd02.jpg') no-repeat 0 0;
}

#contenedor #contenido #contenedor_texto .titulo.contacto {
	background: transparent url('/img/con_tit01.gif') no-repeat 0 0;
}


#contenedor #contenido #contenedor_texto #columna #direccion{
	background: transparent url('/img/con_columna.gif') no-repeat 0 0;
	height: 203px;
	padding: 55px 20px 20px 20px;
	font-size: 95%;
}

#contenedor #contenido #contenedor_texto #columna #direccion p {
	margin: 0 0 3px 0;
}

#contenedor #contenido #contenedor_texto #columna #direccion .separa {
	line-height: 7px;
}

#contenedor #contenido #contenedor_texto #texto form {
	margin: 20px 0 0 0;
}

#contenedor #contenido #contenedor_texto #texto fieldset {
	margin: 0 0 0 -20px;
	padding: 0;
	border: 0;
}

#contenedor #contenido #contenedor_texto #texto fieldset p {
	padding: 0 0 10px 0;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso1 label {
	float: left;
	margin: 0px 0 0 10px;
	padding: 0;
	width: 80px;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso1 .conocido label {
	width: auto;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso1 .conocido select {
	margin: 0 0 0 10px;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso1 .a {
	width: auto;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso1 .tam1 {
	width: 524px;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso1 .tam2 {
	width: 127px;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso1 input {
	float: left;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso2, #contenedor #contenido #contenedor_texto #texto fieldset.paso3 {
	margin: 15px 0 0 0;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso2 p, #contenedor #contenido #contenedor_texto #texto fieldset.paso3 p {
	background: transparent url('/img/gen_bul02.gif') no-repeat 11px 7px;
	padding: 0 0 10px 5px;
}

/* elementos de formulario */

#contenedor #contenido #contenedor_texto #texto #formulario input, #contenedor #contenido #contenedor_texto #texto #formulario select {
	padding: 3px;
	border: 1px solid #ddd;
	background: #fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius: 0.9em;
	-khtml-border-radius: 0.9em;
}

#contenedor #contenido #contenedor_texto #texto #formulario input:hover, #contenedor #contenido #contenedor_texto #texto #formulario input:focus {
	border-color: #c5c5c5;
	background-color: #FAF4EC;
} 

#contenedor #contenido #contenedor_texto #texto fieldset input, #contenedor #contenido #contenedor_texto #texto select {
	border: 1px solid #666;
	font: normal 11px/13px  Verdana, Arial, sans-serif;
	margin: 0 -20px 0 5px;
	padding: 1px;
	text-indent: 1px;
}

#contenedor #contenido #contenedor_texto #texto fieldset textarea {
	width: 400px;
	height: 50px;
	padding: 3px;
	border: 1px solid #ddd;
	background: #fafafa;
	font:bold 0.95em arial, sans-serif;
	-moz-border-radius: 0.9em;
	-khtml-border-radius: 0.9em;
}

#contenedor #contenido #contenedor_texto #texto fieldset textarea:hover, #contenedor #contenido #contenedor_texto #texto fieldset textarea:focus{
	border-color: #c5c5c5;
	background-color: #FAF4EC;
}

#contenedor #contenido #contenedor_texto #texto fieldset.paso3 input {
	margin: 0 5px 0 5px;
	vertical-align: middle;
}

#contenedor #contenido #contenedor_texto #texto #formulario .no {
	background: none;
	border: none;
}

/**/

#contenedor #contenido #contenedor_texto #texto #formulario .enviar {
	margin: 30px 370px 0 0px;
	float: right;
	clear: both;
}

.mini {
	font-size: 70%;
}

#contenedor #contenido #contenedor_texto #texto .adorno1 {
	background: transparent url('/img/con_bul01.gif') no-repeat 0 0;
	text-indent: 50px;
	height: 30px;
}

#contenedor #contenido #contenedor_texto #texto .adorno2 {
	background: transparent url('/img/con_bul02.gif') no-repeat 0 0;
	text-indent: 50px;
	height: 36px;
}

#contenedor #contenido #contenedor_texto #texto .titulo.adorno2 {
	padding: 5px 0 0 0;
}