/* Documento css registrado por FLEXO estudio digital */

/* ------------------------------------- General -----------------------------------*/

body {
	margin: 0px;
	padding:0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 70%;
	color:#333333;
	background-color: #251e14;
	line-height:130%;
	}

img{border:0px;}

acronym {cursor: help; text-decoration:underline;}


/* ----------------- Tablas ------------*/
table{
	margin: 0px 0px 10px 0px;
	text-align:center;
	}

th{
	border-bottom: 1px solid #948e86;
	border-right: 1px solid #948e86;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	padding:3px;
	background-color: #948e86;
}

td{
	border-bottom: 1px solid #948e86;
	border-right: 1px solid #948e86;
	background-color: #d9dbd5;
	color:#333333;
	padding:5px;
	font-size:100%;
}


/* ----------------- Enlaces ------------*/
a {
	color: #cc6600;
	text-decoration: none;
	font-weight:bold;
}

a:hover{
	text-decoration: underline;	
}

/* ----------- Encabezados y parrafo -------------*/
h1 {
	display:none;
	}

h2 {
	font-size:200%;
	padding:0px 0px 0px 0px;
	color:#333333;
	margin:0px 0px 10px 0px;
	clear:both;
	}
	
h3 {
	font-size:140%;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	margin:15px 0px 5px 0px;
	color: #555555;
	clear:both;
}

h4 {
	font-size:120%;
	padding:15px 0px 5px 0px;
	margin:15px 0px 5px 0px;
	color: #627e39;
	border-top: 2px solid #d9dbd5;
	clear:both;
}

h5 {
	color:#555555;
	font-size:100%;
	padding:3px 5px;
	margin:10px 0px 5px 0px;
}

p	{
	margin:0px;
	padding:5px 2px;
	}


/* ------------------- Formularios -------------------*/

form {
	padding: 0px 0px 0px 0px;
	margin:5px;
}

input{
	font-size:100%;
	border:1px solid #cccccc;
	padding:7px 8px;
	margin:0px 0px 10px 0px;
	background-color: #ffffff;
	}
	
select{
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:100%;
	border:1px solid #cccccc;
	background-color: #ffffff;
	padding:5px;
	color:#333333;
	margin:3px 0px 10px 0px;
	}
optgroup{
	font-style:normal;
}
fieldset{border:1px solid #ccc; padding:10px;}
legend{ padding:0px 10px;}


textarea{
	font-family:  "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:100%;
	font-weight: lighter;
	border:1px solid #cccccc;
	background-color: #ffffff;
	padding:8px;
	margin:0px 0px 10px 0px;
	}
	
submit{
	border:1px solid #333333;
	padding:0px 0px 0px 3px;
	margin:0px;
	}
label{
	color: #333;
	}
	
.noborder{
	border:none;
	margin:0px 2px 0px 10px;
	padding:0px 0px 0px 0px;
	vertical-align:text-top;
}

.botontxt{
	padding-left:3px;
	border:1px solid #999999;
	margin:0px;
}
	
/* ------------------------------------- Capas principales -----------------------------------*/


#cabecera{
	width:100%;
	padding:0px;
	margin:0px;
	height:220px;
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:right;
	}
	
#cabecera_int{
	width:900px;
	padding:0px;
	margin:0px auto;
	height:200px;
	background-image:url(/img/pix_sombra_cab.gif);
	background-position: bottom left;
	background-repeat:no-repeat;
	border-bottom: 20px solid #e6e8e2;
	}
		
#logo{
	float:left;
	margin:30px 0px 0px 20px;
	padding:0px;
}

#cita{
	float:left;
	margin: 80px 00px 0px 100px;
	padding:0px 0px 0px 0px;
	height:40px;
}

#menu{

	float:right;
	margin: 45px 20px 0px 0px;
	padding:0px 0px 0px 0px;
	height:34px;
	_height:35px;
	border-bottom:1px solid #784a10;
}

#ruta{
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px dotted #cccccc;
	}

#contenido{
	width:100%;
	padding:0px;
	margin:0px;
	background-color: #6b9f23;
	background-image:url(/img/pix_fondo.gif);
	background-repeat:repeat-x;
}

#contenido_int{
	width:840px;
	margin:0px auto;
	clear:both;
	padding:0px 30px 10px 30px;
	background-color:#e6e8e2;
}

#boletin{
	clear:both;
	margin:0px 0px 0px 0px;
	padding:20px;
	background-color:#f0efe8;
}

#principal{
	float:left;
	width:440px;
	padding:0px;
	margin:0px;
}

#lateral{
	float:right;
	width:280px;
	padding: 10px 30px 20px 30px;
	margin:10px 0px 30px 0px;
	background-color: #d9dbd5;
} 

#home_izda{
	float:left;
	width:360px;
	padding:0px;
	margin:10px 0px;
}

#home_dcha{
	float:right;
	width:450px;
	padding: 0px 0px;
	margin:10px 0px;	
}

.capita_home{
	width:390px;
	padding: 20px 30px;
	margin:0px 0px 30px 0px;
	background-color: #d9dbd5;
	}
	
#menu_glosario{
	float:left;
	width:220px;
	padding: 20px 30px 20px 30px;
	margin:20px 15px 20px 15px;
}
	
.capita_mantenimiento{
	float:left;
	width:190px;
	padding: 20px 30px 20px 30px;
	margin:20px 15px 20px 15px;
	_margin:20px 20px 20px 0px;
	background-color: #d9dbd5;
	}
	

.capita_mantenimiento_ancha{
	float:right;
	width:470px;
	padding: 10px 30px 20px 30px;
	margin:20px 15px;
	}
	
#cabecera_cuadros{
	margin:30px 30px 0px 30px;
	clear:both;
	padding:20px;
	background-color:#ffffff;
}

#cuadro_mantenimiento{
	margin:0px 30px 30px 30px;
	clear:both;
	padding:30px 30px 50px 30px;
	background-color:#e6e8e2;
	background-image:url(/img/pix_fondo_pie.gif);
	background-repeat:repeat-x;
	background-position: bottom;
}

#galeria{
	float:left;
	width:550px;
	padding:0px;
	margin:0px;
}

#galeria img {
	margin: 3px;
	border:5px solid #e7e9e2;
	}
	
#galeria img:hover {
	border:5px solid #ffffff;
	}

#galeria_dcha{
	float:right;
	width:190px;
	padding: 10px 30px 20px 30px;
	margin:20px 10px 20px 0px;
	background-color: #d9dbd5;
}


#pie{
	width:880px;
	margin:0px auto;
	clear:both;
	padding:50px 10px 20px 10px;
	background-image:url(/img/pix_fondo_pie.gif);
	background-repeat:repeat-x;
	background-position: top;
	color:#FFFFFF;
}
#pie a{ font-weight:normal; color: #FF9900;}


/* ------------------------------------ clases -----------------------------------*/


.capa_galeria{
	float:left;
	width:110px;
	height:180px;
	padding:15px;
	margin:10px 10px;
	border-top:3px solid #e6e2dd;
	background-color: #f3f0ed;
}

.fotosgaleria{
	color:#777777;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 20px;
	border-top: 1px solid #e6e2dd;
	background-image:url(/img/ico_foto.gif);
	background-repeat:no-repeat;
	background-position: left center;
	}
	
.fondo_polaroid{
	float: left;
	padding: 15px 15px 30px 15px;
	margin: 0px 20px 10px 0px;
	background-image:url(/img/fondo_polaroid.gif);
	background-repeat:no-repeat;
	}

.fotoparrafode {
	float: right;
	padding: 0px;
	margin: 0px 0px 15px 15px;
}
.fotoparrafoiz{
	float: left;
	padding: 0px;
	margin: 0px 15px 15px 0px;
}

.fotoparrafomarcoiz {
	float: left;
	padding: 0px;
	margin: 3px 10px 10px 0px;
	border:4px solid #d9dbd5;
}
.fotoparrafomarcode {
	float: right;
	padding: 0px;
	margin: 3px 0px 10px 10px;
	border:4px solid #d9dbd5;
}

.fotomarco {
	padding: 0px;
	margin: 3px 0px 10px 0px;
	border:4px solid #d9dbd5;
}

.separador {
	clear:both;
	margin:0px;
	padding:0px;
	font-size:1px;
	}
	
.banner{
	clear:both;
	margin:20px 0px;
	padding:0px;
	text-align:center;
}	
	
.fecha{color: #777; font-weight:bold;}

.fechanoticia{
	color:#777777;
	border-top: 1px solid #edebdd;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 5px 25px;
	}

.tipo{font-size:90%; color:#777777; text-transform:uppercase;}
.mini{font-size:90%;}
.gris{ color:#999999;}
.catmini{ color:#999999;font-size:90%;}
.rojo{ color: #C00;}
.oculto{display:none;}
.tecla {text-decoration: underline;} 
.negrita{ font-weight:bold;}

.masinfo{
	text-align:right;
	margin:10px 0px 0px 0px;
	padding:4px 6px 4px 8px;
	color:#666666;
	clear:left;
}
.masinfo a{font-weight:normal; color:#556b63;}

.enlaces{
	clear:both;
	margin:0px 0px;
	padding:10px 10px 10px 75px ;
	background-image:url(/img/ico_enlaces.gif);
	background-repeat:no-repeat;
	background-position: left center;
	}

.pdf{
	background-image:url(/img/ico_pdf.gif);
	background-repeat:no-repeat;
	margin:5px;
	padding:5px 0px 5px 25px;
}

.volver{
	clear:both;
	border-top:1px solid #d9dbd5;
	background-image:url(/img/ico_volver.gif);
	background-repeat:no-repeat;
	background-position: left 13px;
	margin:15px 0px 0px 0px;
	padding:4px 10px 0px 10px;
}

.volver a { font-weight:normal;}

.subir{
	margin:0px;
	padding:4px;
	font-size:90%;
	font-weight:lighter;
}

.boton{margin:10px 0px; clear:both;}
.boton a{
	padding:8px 10px;
	color:#FFF;
	background-color: #627e39;
	border:1px solid #3e5024;
}
.boton a:hover{
	color: #fff;
	background-color: #3e5024;
	text-decoration:none;
}

.recuadro_aviso {
	clear:both;
	margin:0px 0px;
	padding:10px 10px 10px 75px ;
	background-color: #FFFFCC;
	border:1px solid #FF9933;
	background-image:url(/img/anim_aviso.gif);
	background-repeat:no-repeat;
	background-position: 15px center;
}

.recuadro_aviso_sinimg {
	clear:both;
	margin:0px 0px;
	padding:15px;
	background-color: #FFFFCC;
	border:1px solid #FF9933;
}

.recuadro_masinfo {
	clear:both;
	margin:10px 0px;
	padding:15px 15px 15px 230px ;
	background-color: #d8dad4;
	border:1px solid #999;
	background-image: url(/img/fondo_masinfo_avisos.gif);
	background-repeat:no-repeat;
	background-position: 15px center;
}

.recuadro_menu_consultas {
	clear:both;
	margin:10px 0px;
	padding:15px 15px;
	background-color: #d8dad4;
	border:1px solid #999;
}

.recuadro_consultas_respuesta {
	clear:both;
	margin:20px 0px;
	padding:20px;
	background-color: #ddebc6;
	border:1px solid #4F8A10;
}

.datos_consulta {
	clear:both;
	margin:10px 0px;
	padding:5px;
	border-top:1px solid #d8dad4;
	border-bottom:1px solid #d8dad4;
}
.recuadro_cuadro_mant {
	clear:both;
	margin:10px 0px;
	padding:15px 15px 15px 80px ;
	background-color: #dee6f2;
	border:1px solid #6699CC;
	background-image:url(/img/ico_cuadro_mant.png);
	background-repeat:no-repeat;
	background-position: 15px center;
}

/* ------------------------------------ recuadros respuesta boletin -----------------------------------*/
.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
       border: 1px solid;
       margin: 20px 0px;
       padding:20px 10px 20px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/img/ico_info.gif');
}
.recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/img/ico_ok.gif');
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/img/ico_att.gif');
}
.recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/img/ico_ko.gif');
}


/* ------------------------------------- Listas -----------------------------------*/
/* ----------------- general -----------------*/

ol{
	margin:0px;
	padding:0px;
}
ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
li{
	margin:0px;
	padding:0px;
}

/* ---------------- lista del menu  -------------------- */

#menu ul {
	font-size: 100%;
	margin: 0px;
	padding: 0px;
}

#menu li {
	padding:0px 0px;
	margin: 0px;
	display: inline;
}

#menu li a{
	padding: 10px 20px;
	float:left;
	margin:0px 0px 0px 0px;
	background-image:url(/img/pix_bt_menu.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	color: #ffffff; 
	text-decoration:none;
	background-color:#9c5e0f;
	text-transform:uppercase;
	font-weight: lighter;
	border-right:1px solid #9c5e0f;
}

#menu li a:hover {
	text-decoration:none;
	background-image:url(/img/pix_bt_menu_on.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	background-color:#79490c;
	color: #FFCC00;
}


/* ----------------- ruta ------------------*/
#ruta ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
}
#ruta li a{
	display:inline;
	text-decoration: none;
	font-weight:normal;
}
#ruta a:hover {
	text-decoration: underline;
}

/* ---------------- lista del menu  -------------------- */

#menu_glosario  {
	margin: 10px;
	padding: 10px;
}

#menu_glosario li {
	padding:0px 0px;
	margin: 0px;
	display: inline;
}

#menu_glosario li a{
	padding: 3px 5px;
	width:15px;
	float:left;
	margin:0px 1px 1px 0px;
	background-image:url(/img/pix_bt_menu.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	color: #ffffff; 
	text-decoration:none;
	background-color:#9c5e0f;
	text-transform:uppercase;
	font-weight: lighter;
}

#menu_glosario li a:hover {
	text-decoration:none;
	background-image:url(/img/pix_bt_menu_on.gif);
	background-repeat:repeat-x;
	background-position: bottom;
	background-color:#79490c;
	color: #FFCC00;
}


/* ----------------- lista del submenu ----------------*/
.submenu ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:block;
}
.submenu li {
	margin: 0px 0px 1px 0px;
	text-decoration: none;

}
.submenu li a{
	text-decoration: none;
	color:#333333;
	width:235px;
	display: block;
	background-image:url(/img/pix_submenu.gif);
	background-repeat:repeat-y;
	background-position:right;
	padding: 5px 0px 5px 10px;
}
	
.submenu a:hover {
	background-color: #ded6bd;
	text-decoration:none;
	background-image:none;
}


/* ----------------- listado ----------------*/


.listado ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado li {
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding: 5px 0px 5px 8px;
	border-bottom:1px solid #d9dbd5;
}
.listado li a{
	display:inline;
	text-decoration: none;
}
.listado a:hover {
	text-decoration: underline;
}
/* ----------------- listado ----------------*/


.listado_glosario ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.listado_glosario li {
	margin: 5px 0px 5px 0px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding: 5px 0px 5px 8px;
	border-bottom:1px solid #d9dbd5;
}
.listado_glosario li a{
	display:inline;
	text-decoration: none;
}
.listado_glosario a:hover {
	text-decoration: underline;
}

/* ----------------- sublistado ----------------*/
.sublistado ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	display:inline;
}
.sublistado li {
	margin: 0px 0px 0px 5px;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding: 3px 0px 3px 8px;
	border-bottom:0px solid #fff;
}
.sublistado li a{
	display:inline;
	text-decoration: none;
}
.sublistado a:hover {
	text-decoration: underline;
}


/* ----------------- lista de noticias ------------*/
.listanoticias ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
.listanoticias li {
	clear:both;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #e6e4da;
}
.listanoticias li a{
	display:inline;
	text-decoration: none;
	color: #C60;
	font-size:100%;
	font-weight: bold;
}
.listanoticias a:hover {
	text-decoration: underline;
}

.paginacion{
	clear:both;
	border-top:3px solid #d9dbd5;
	margin:10px 0px 0px 0px;
	padding:5px 5px;
	}


.parrafonoticia{
	clear:both;
	margin-top:30px;
}

.fotonoticia{
	clear:both;
	margin-bottom:5px;
	border:4px solid #edebdd;
}


/* ----------------- galeria imagenes----------------*/


.galeria li {
	text-decoration: none;
	margin:0px;
	padding:0px;
	display:inline;
}
.galeria li a{
	display:inline;
	font-size:90%;
	float:left;
	margin: 0px 3px 3px 0px;
	padding:3px 0px;
	text-align:center;
	width:20px;
	text-decoration: none;
	font-weight:normal;
	background-color: #edebdd;
	color:#666666;
}
.galeria a:hover {
	text-decoration: none;
	background-color: #CC3300;
	color:#FFFFFF;
}


/* ----------------- clases para titulos de seccion ----------------*/


.tt_home_miprimer{
background-image:url(/img/tt_home_miprimer.gif);
background-repeat:no-repeat;
height:45px;
}
.tt_home_mantenimiento{
background-image:url(/img/tt_home_mantenimiento.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_home_doctor{
background-image:url(/img/tt_home_doctor.gif);
background-repeat:no-repeat;
height:25px;
}
.tt_home_galeria{
background-image:url(/img/tt_home_galeria.gif);
background-repeat:no-repeat;
height:25px;
}

.tt_somos{
background-image:url(/img/tt_somos.gif);
background-repeat:no-repeat;
height:45px;
}

.tt_mantenimiento{
background-image:url(/img/tt_mantenimiento.gif);
background-repeat:no-repeat;
height:45px;
}

.tt_mante_recomendaciones{
background-image:url(/img/tt_mante_recomendaciones.gif);
background-repeat:no-repeat;
height:250px;
}

.tt_mante_tablonavisos{
background-image:url(/img/tt_mante_tablonavisos.gif);
background-repeat:no-repeat;
height:180px;
}

.tt_mante_servicioavisos{
background-image:url(/img/tt_mante_servicioavisos.gif);
background-repeat:no-repeat;
height:200px;
}

.tt_doctorgarden{
background-image:url(/img/tt_doctorgarden.gif);
background-repeat:no-repeat;
height:45px;
}
.tt_consultoria{
background-image:url(/img/tt_consultoria.gif);
background-repeat:no-repeat;
height:45px;
}

.tt_galeria{
background-image:url(/img/tt_galeria.gif);
background-repeat:no-repeat;
height:45px;
}

.tt_glosario{
background-image:url(/img/tt_glosario.gif);
background-repeat:no-repeat;
height:45px;
}

.tt_contacto{
background-image:url(/img/tt_contacto.gif);
background-repeat:no-repeat;
height:45px;
}

.tt_accesibilidad{
background-image:url(/img/tt_accesibilidad.gif);
background-repeat:no-repeat;
height:45px;
}
.tt_legal{
background-image:url(/img/tt_legal.gif);
background-repeat:no-repeat;
height:45px;
}



/* ------------- icono de progreso ------------*/
#progreso{
	display:none;
	margin:5px 0px;
	padding:5px 5px 5px 30px;
	border:1px dotted #CCCC99;
	background-image:url(/img/progress.gif);
	background-position: 5px;
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	font-size:90%;
}
