/*-----------------------------------------------------------*/
/*--------------- css para plantillas tractes ---------------*/
/*-----------------------------------------------------------*/

/* powered by demini | css by Héctor Ibarra | 09 de Enero 07 */


#destacado .visible
{
position:absolute;
top:-9px;
left:650px;
}

#destacado .oculta
{
display:none;
position:absolute;
top:0;
left:650px;
}

div { /*este div sirve para maketación, solo descomentar para maketar la página */
	/*background: #eee;
	border: 1px solid red;*/
}


/* elementos básicos */
body { 
	font: 8pt/16pt Trebuchet MS; 
	color: #666; 
	margin: 0px;
	background-color:#E3E3CD;
	}
	
p { 
	font: 8pt/16pt Trebuchet MS; 
	margin-top: 0px; 
	text-align: left;
	}

img {
	behavior: url(iepngfix.htc);
	}

hr {
	color:#B6AD6D;
	height:1px;
}

/* elementos de Títulos */
#page h1, #page h2, #page h3, #page h4, #page h5, #page h6 {
	letter-spacing: normal;
	font-family: Lucida Sans, "Tahoma", arial,verdana,sans-serif;
	margin: 1.2em 0 .3em;
	color: #99CC00;/*color7*/
	padding-bottom: .1em;
	text-transform: uppercase;
}

#page h1 {
	font-size: 190%;
	font-family: "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;
	margin-top:.3em;
	color:#FAA622;
}

#page h2 {
	font-size: 136%;
	color:#AB9D3D;
}

#page h3 {
	font-size: 126%;
	text-transform:none;
	color: #9F954A
}

#page h4 {
	font-size: 116%
}

#page h5 {
	font-size: 106%
}

#page h6 {
	font-size: 96%
}

#page small {/*texto pequeno*/
	font-size:10px
}

#page b,#page strong{/*negrita*/
}

#page em,#page i{/*cursiva*/
}

#page u{ /*subrayado*/
}

#page strike{ /*tachado*/
}
	
#header #shorcuts h1, #header #shorcuts {
	line-height: normal;
	margin: 0;
	padding: 0;
	}

#header #busqueda h1 {
	color: #666;
	font: normal 14pt georgia;
	line-height: normal;
	margin: 0;
	padding: 0;
	}

/*#busqueda_box
{
border: 1px solid red;
padding-top: 45px;
}*/

/* elementos de enlaces */
a:link { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666804;
	}
	
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #666804;
	}

a:hover, a:active, #layer_nav li a:hover { 
	text-decoration: underline; 
	color: #99CC00;
	}
	
#layer_nav li a:link, #layer_nav li a:visited {
	color: #fff;
}

#layer_nav li a:hover {
	color: #FFCC00;
}

#sub_layer_nav li a:link, #sub_layer_nav li a:visited {
	color: #999;
}

#sub_layer_nav li a:hover {
	color: #0099CC;
}

#footer #footertxt, #footer #footertxt a:link, #footer #footertxt a:visited {
	color: #BEAB3F;
}

#footer #poweredby, #footer #poweredby a:link, #footer #poweredby a:visited {
	color: #BEAB3F;
}

#footer #footertxt a:hover {
	color: #99CC00;
}

#footer #poweredby a:hover {
	color: #99CC00;
}


/* maketación */
#page {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
	background: #E3E3CD url(../images/fnd_body.jpg) repeat-x top left; 
	}

#page.interior { 
	width: 100%;
	background: #E3E3CD url(../images/fnd_body.jpg) repeat-x top left; 
	}

#header {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 770px;
	height: 113px;
	}

#destacado {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 770px;
	height: 300px;
	margin-top: 1px;
	color: #ccc;
	background: #fff url(../images/fnd_destacado.jpg) no-repeat 15px 15px; 
	text-align:center;
	padding-top:10px;
	border-bottom:3px solid #AAB127;
	}
	
#page #destacado table {
	/*height: 220px;*/
	text-align:left;
	}

#textodestacado {
	color: #ffffff;
	font-size: 34px;
	}

#layer_nav {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 770px;
	height: 30px;
	margin-top: 3px;
	background: #fff url(../images/fnd_layernav.gif) repeat-x top left;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size:14px;
	}

#sub_layer_nav {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 770px;
	/*height: 25px;*/
	margin-top: 3px;
	background: #eee url(../images/background_01.gif) repeat 0 0;
	}

#container {
	position: relative;
	overflow: hidden;
	margin: 10px auto 0 auto;
	width: 770px;
	background: #fff;
	}

#footer {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 770px;
	height: 76px;
	margin-top: 3px;
	background: #fff url(../images/fnd_footer.gif) repeat-x 0 0;
	}


/* divs especiales de header */
#header #logo {
	position: relative;
	overflow: hidden;
	float: left;
	top: 10px;
	width: 323px;
	height: 97px;
	}
	
#header #logo img {
	position: relative;
	overflow: hidden;
	border: none;
	}

#header #shorcuts {
	position: relative;
	/*overflow: hidden;*/
	float: left;
	
	margin-left: 10px;
	width: 410px;
	height: 90px;
	}

#header #cajaDeLogin {
	position: absolute;
	overflow: hidden;
	top: 93px;
	right: 220px;
	width: 100px;
	float:left;
	}
	
#header #busqueda {
	position: absolute;
	overflow: hidden;
	top: 87px;
	right: -50px;
	width: 300px;
	float:left;
	}

	

	#header #busqueda h1 {
	font-size: 100%;
	font-weight: bold;
	}
	
	#header #busqueda fieldset{
		border: none;
		margin: 0;
		padding: 0;
		}
	
	#header #busqueda input {
		float: left;
		margin: 2px 0px 0 0;
		width: 180px;
font-size: 11px;
border: 1px solid orange;
		}


/* divs especiales de layer_nav */
#layer_nav ul{
	position: relative;
	overflow: hidden;
	margin: 3px 0 0 -1px;
	padding: 0;
	}

#layer_nav li{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 10px;
	display: inline;
	border-left: 1px solid #fff;
	}
	

/* divs especiales de sub_layer_nav */
#sub_layer_nav ul{
	font-family: Tahoma, "Tahoma", Verdana, Arial, Helvetica, sans-serif; 
	position: relative;
	overflow: hidden;
	margin: 3px 0 2px -1px;
	padding: 0;
	}

#sub_layer_nav li{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 10px;
	display: inline;
	border-left: 1px solid #999;
	}


/* divs especiales de footer */
#footer #logos {
	position: relative;
	overflow: hidden;
	height: 50px;
	float: left;
	left: 10px;
	margin: 10px 0 0 0;
	}
	

#footer #footertxt {
	/*margin: 10px 0 0 0;
	font-size: 90%;
	line-height: 150%;*/
	position: relative;
	overflow: hidden;
	height: 50px;
	float: left;
	left: 10px;
	margin: 10px 0 0 0px;
	}

#footer #poweredby {
	position: relative;
	overflow: hidden;
	float: right;
	right: 20px;
	margin: 10px 0 0 0;
	font-size: 80%;
	line-height: 150%;
	}


/* divs de edición de contenidos | estos divs se podrian resaltar en el modo edición */
/*#header #logo, #header #shorcuts, #header busqueda, #banner #img, #banner #banner_img, #banner #banner_txt, #layer_nav, #sub_layer_nav, #container, #footer #logos, #footer #footertxt, #footer #poweredby {
	opacity: .33;
	filter: alpha(opacity=33);
	background: #FFCC00;
}*/


body.doscol #page #container {
	_margin: 0 auto 3px auto;
	}

#page #container #content { /* versión del content para una columna */
	overflow: hidden;
	position: relative;
	margin: 0;
	}
	
body.unacol #page #container #content { /* versión del content para 1 columna*/
	position: relative;
	overflow: hidden;
	margin: 15px 15px 0 15px;
	padding: 0 15px 15px 15px;
	/*border:4px solid #E4E2C0;*/
	}	
	

body.doscol #page #container #content { /* versión del content para dos columnas*/
	position: relative;
	overflow: hidden;
	float: right;
	width: 28%;
	margin: 0;
	padding: 10px 10px 0 0;
	}

body.trescol #page #container #content { /* versión del content para tres columnas*/
	position: relative;
	overflow: hidden;
	float: left;
	width: 36%;
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	margin-left:15px;
	/*border:1px solid red;*/
	}

	
/* --------------------- */
/* ESTILOS LEFT - Inicio */
/* --------------------- */
#page #container #left {
	position: relative;
	overflow: hidden;
	float: left;
	/*width: 23%;*/
	width:28%;
	/*border:1px solid red;*/
	margin:20px 0 0 7px;
	}
	
body.doscol #page #container #left {
	position: relative;
	overflow: hidden;
	float: left;
	width:68%;
	margin:20px 0 0 7px;
	}	
	
	
/* --------------------- */
/* ESTILOS LEFT - Fin */
/* --------------------- */



/* --------------------- */
/* ESTILOS RIGHT - Inicio */
/* --------------------- */
#page #container #right {
	position: relative;
	overflow: hidden;
	float: right;
	width: 27%;
	margin: 0 10px 0 0;
	padding: 15px 0 0 0;
	/*border:1px solid blue;*/
	}
/* --------------------- */
/* ESTILOS RIGHT - Fin */
/* --------------------- */




/* ----------------- PAGINACION -------------------- */
/* paginacion1 */
#container .paginacion1 {
	background: #f2f2f2;
	color:#666666;

	padding: 8px;
	border: 1px solid #ddd;
	margin: 1.5em auto 1.5em auto;
	overflow: hidden;
	position: relative;
}

#container .paginacion1 * {
	margin:0
}

#container .paginacion1 p {
	position:relative;
	text-align:right;
}
#container .paginacion1 p a:link, #container .paginacion1 p a:visited, #container .paginacion1 p a:hover, #container .paginacion1 p a:active {
	text-decoration:none;
	background:#ffffff;
	padding:2px 5px;
}
#container .paginacion1 p a:hover {
	background:#FA9E0D;color:#ffffff
}
#container .paginacion1 p span {
	text-decoration:none;
	background:#ffffff;
	padding:2px 5px;
	color:#cccccc;
}


#container .paginacion1 h4 {
	margin-top:-1.1em;
	padding:0;
	border:none;
	color:#BD7304
}
/* fin paginacion1 */

/* paginacion2 */
#container .paginacion2{
	position:relative;
	margin:1.2em 0;
}

#container .paginacion2 .anteriores{
	float:left;
	width:10%;
}

#container .paginacion2 .siguientes{
	float:right;
	width:10%;
}

#container .paginacion2 .lst_paginas{
	width:75%;
	text-align:center;
	margin:0 auto;
	padding:3px;
}

#container .paginacion2 .lst_paginas a{
	background:#ffffff;
	border:1px solid #ccc;
	padding:2px 5px;
}
#container .paginacion2 .lst_paginas a:hover{
	background:#cc0000;
	color:#FFFFFF;

}
/* fin paginacion2 */

/* --------------- FIN PAGINACION ------------------ */




/********** BANNER TELEFONO ********/

#telefono {
	position: relative;
	float: right;
	
}


/*********OPCIONES*************************/

#menu_izquierda {
  padding:2px 5px 0 5px;
}

#op_1, #op_2, #op_3, #op_4, #op_5, #op_6, #op_7, #op_8 {
  font-size:12px;
  color:#FFFFFF;
}

#op_destacado_1, #op_destacado_2, #op_destacado_3, #op_destacado_4, #op_destacado_5, #op_destacado_6, #op_destacado_7, #op_destacado_8,  {	
  font-size:12px;
  color: #FFCC00;
}

/************ SUBOPCIONES ************************/
#page #container .subop {
	font-family: Lucida Sans, "Tahoma", arial,verdana,sans-serif;
	text-transform:none;
	font-size:13px;
	
}

/***********************************************/

.back {
	background-color:#FCF7D8;
	padding:3px;
	border-top:2px solid #F9ECA6;
	border-bottom:2px solid #F9ECA6;

}

#formulario #file_upload_73_114  {
	width:270px;
}