/* Estilos para HOME */

html {
height:100%;
}


BODY {
background: #ffffff url(../imagenes/fondolateral.gif) repeat;
font: 11pt Arial, Helvetica, sans-serif;
color: #383F39;
margin: auto;
text-align: center;
height:100%;
}

* BODY {
background: #ffffff url(../imagenes/fondolateral.gif) repeat;
font: 11pt Arial, Helvetica, sans-serif;
color: #383F39;
margin: auto;
text-align: center;
}

.spacer {
    clear: both;
}

#border{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: center;
width: 870px;
min-height:94%;
background-color: #ffffff;
padding-left: 36px;
padding-right: 35px;
padding-bottom: 35px;
margin: 0 auto;
overflow:auto;
}

#border_popup{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: center;
width: 420px;
min-height:94%;
background-color: #ffffff;
padding-left: 36px;
padding-right: 35px;
padding-bottom: 35px;
margin: 0 auto;
overflow:auto;
}

#contenedor{
background: #FFFFFF;
text-align: center;
width: 801px;
height: auto; 
margin: 0 auto;
}

#contenedor_popup{
background: #FFFFFF;
text-align: left;
width: 351px;
height: auto; 
margin: 0 auto;
}

#cabecera{
background: #FFFFFF;
text-align: center;
width:801px;
height:175px;
}

#cab_izq{
background: #FFFFFF url(../imagenes/logo.png) no-repeat;
font: 7pt Arial, Helvetica, sans-serif;
font-weight: normal;
color: #383F39;
text-align:left;
line-height: 4pt;
width:175px;
height:167px;
padding-top:6px;
padding-left:12px;
margin-right:12px;
float:left;
}

#cab_der{
background: #FFFFFF url(../imagenes/cabecerahome.jpg) no-repeat;
text-align:left;
width:590px;
height:175px;
padding-right:12px;
float:right;
}

#menuotros{
	width: 440px;
	height: 18px;
	color: #ffffff;
	background: transparent url(../imagenes/fondootros.jpg);
	padding: 6px 1px 3px 14px;
	font: 7.5pt Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	font-weight: bold;
	float:left;	
}

#menuotrosder{
	width:115px;
	height: 18px;
	color: #ffffff;
	background: #000000;
	font: 7.5pt Arial, Helvetica, sans-serif;
	padding: 6px 10px 3px 10px;
	letter-spacing: 0.1em;
	font-weight:bold;
	float:right;
}

#menuotrosderON{
	width:115px;
	height: 18px;
	color: #ffffff;
	background: #c54c11;
	font: 7.5pt Arial, Helvetica, sans-serif;
	padding: 6px 10px 3px 10px;
	letter-spacing: 0.1em;
	font-weight:bold;
	float:right;
}

#menupractico{
	/*position:relative;*/
	left: 0px;
	/*top: 102px;*/
	padding-top: 128px;
	*padding-top: 102px;
	height: 33px;
	width: 590px;
	/*background: #ffffff;*/
	font: 7.5pt Arial, Helvetica, sans-serif;
	color: #ff7e00;
	letter-spacing: 0.1em;
	font-weight:bold;
}

#cuerpo{
background: #FFFFFF;
width:592px;
padding: 0px 12px 12px 12px;
float:right;
}

#cuerpo_popup{
background: #FFFFFF;
width:350px;
min-height:99.5%;
padding: 0px 12px 12px 12px;
float:right;
}

#lateral{
background: #FFFFFF;
width:173px;
min-height:99.5%;
padding-left:12px;
float:left;
}

.lateralprincipal{
background: #5d9329 url(../imagenes/fondoprincipal.png) repeat-y;
font: 8pt Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
text-align:left;
padding: 10px 1px 10px 10px;
line-height: 12pt;
letter-spacing:1px;
}

.lateralfoto{
background-color:#FFFFFF;
text-align:left;
}

.lateralocio{
/*position:relative;*/
left: 0px;
/*top: -5px;*/
background: #d0ccb8 url(../imagenes/fondoocio.png) repeat-y;
font: 8pt Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #FFFFFF;
text-align:left;
padding: -10px 1px 10px 10px;
line-height: 12pt;
}

.laterallogos{
background-color:#FFFFFF;
text-align:left;
padding-top: 1px;
}

.lateralcreditos{
background-color:#FFFFFF;
font: 7pt Trebuchet MS, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #4d5141;
text-align:left;
padding: 10px 1px 10px 1px;
line-height: 7pt;
vertical-align:bottom;
}

.lateralrelleno{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: left;
height:428px;
margin:12px 0px 12px 0px;
}

.lateralabaran{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: left;
height:476px;
margin:12px 0px 12px 0px;
}

.lateralojos{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: left;
height:496px;
margin:12px 0px 12px 0px;
}

.lateralblanca{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: left;
height:378px;
margin:12px 0px 12px 0px;
}

.lateralricote{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: left;
height:460px;
margin:12px 0px 12px 0px;
}

.lateralulea{
background: #FFFFFF	url(../imagenes/fondoborde.gif) repeat;
text-align: left;
height:580px;
margin:12px 0px 12px 0px;
}

p.construccion {
font: 9pt Arial, Helvetica, sans-serif;
font-weight: normal;
color: #383f39;
text-align:center;
line-height: 12pt;
padding:0px 15px 0px 20px;
margin-top:12px;
margin-bottom:12px;
}

A.enlaceotros, A.enlaceotros:VISITED, A.enlaceotros:ACTIVE, A.enlaceotros:FOCUS, A.enlaceotros:LINK{
color: #ffffff;
text-decoration:none;
}

A.enlaceotros:HOVER{
color: #ff9933;
text-decoration:none;
}

A.enlaceNOCOLOR, A.enlaceNOCOLOR:VISITED, A.enlaceNOCOLOR:ACTIVE, A.enlaceNOCOLOR:FOCUS, A.enlaceNOCOLOR:LINK{
color: #383F39;
text-decoration:none;
}

A.enlaceNOCOLOR:HOVER{
color: #ff7e00;
text-decoration:none;
}

A.enlacePRINCIPAL, A.enlacePRINCIPAL:VISITED, A.enlacePRINCIPAL:ACTIVE, A.enlacePRINCIPAL:FOCUS, A.enlacePRINCIPAL:LINK{
color: #FFFFFF;
text-decoration:none;
}

A.enlacePRINCIPAL:HOVER{
color: #C5D776;
text-decoration:none;
}

A.enlacePRINCIPALBIS, A.enlacePRINCIPALBIS:VISITED, A.enlacePRINCIPALBIS:ACTIVE, A.enlacePRINCIPALBIS:FOCUS, A.enlacePRINCIPAL:LINK{
color: #C5D776;
text-decoration:none;
line-height:11pt;
}

A.enlacePRINCIPALBIS:HOVER{
color: #FFFFFF;
text-decoration:none;
line-height:11pt;
}

A.enlaceOCIO, A.enlaceOCIO:VISITED, A.enlaceOCIO:ACTIVE, A.enlaceOCIO:FOCUS, A.enlaceOCIO:LINK{
color: #4d5141;
text-decoration:none;
}

A.enlaceOCIO:HOVER{
color: #ffffff;
text-decoration:none;
}

A.enlaceCREDITOS, A.enlaceCREDITOS:VISITED, A.enlaceCREDITOS:ACTIVE, A.enlaceCREDITOS:FOCUS, A.enlaceCREDITOS:LINK{
color: #4d5141;
text-decoration:none;
}

A.enlaceCREDITOS:HOVER{
color: #ff7e00;
text-decoration:none;
}