/* HOJA DE ESTILOS DE CLINICAS IMER----------------------------------------------------------dec2007
-----------------------------------vgcomunicacion---------------------------dhc*/


* { border:0px; padding:0px; margin:0px;}
a img{ border:0px;}
body {
	background-image: url(/images/fondos/background.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	color:#4F7D7D;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.right { float:right;}
.left{ float:left;}


/* ENCABEZADOS */

h2 { font-size:28px; font-family:Arial, Helvetica, sans-serif; margin-left:15px; margin-top:15px; margin-right:15px; margin-bottom:5px;}
.blue {font-size:25px; font-family:Arial, Helvetica, sans-serif; margin:15px 0px 0px 15px!important; line-height:25px;}
h3.blanco, h4.blanco { font-size:19px; font-family:Arial, Helvetica, sans-serif; margin-left:15px; font-weight:bold; margin-bottom:7px;}
h3.galeria{ font-size:20px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-top:5px;}
h5 { font-size:20px; font-family:Arial, Helvetica, sans-serif; margin-left:15px; margin-top:15px; margin-right:15px; margin-bottom:5px;}

a{ text-decoration:underline; color:#90BBBB;}
a:hover { text-decoration:none; color:#528787;}
/* MIGAS */
#migas{ color:#CCCCCC;}
#migas a{text-decoration:underline!important; color:#999999!important;}
#migas a:hover { text-decoration:none!important; color:#CCCCCC!important; background:none!important;}
#migas {margin-top:9px; margin-left:10px;}
#migas.interior { margin-left:15px;}
#migas.home{ margin-bottom:15px;}
/* FIN MIGAS*/

/* FORMULARIO DE CONTACTO */

/* estilos contacto */
#bloque_izquierda #form_contacto{
text-align:left;
  }
#bloque_izquierda #form_contacto ol{
      margin:0px!important;
      padding:0;
	  height:278px;
      list-style:none;
    }

#bloque_izquierda #form_contacto li{
      margin:0 0 5px 0;
      padding:0;
      list-style:none!important;
	  background:none;
    }

#bloque_izquierda #form_contacto li label{
		color:#EE9B35;
		font-weight:bold;
		display:block;
	      height:18px;
	      font:bold 11px Arial, Helvetica, sans serif;
	      line-height:18px;      
	      text-align:left;
    }
#bloque_izquierda #form_contacto li label sup{
      font:10px Arial, Helvetica, sans serif;
      margin-right:3px;
      color:#c00;

    }
#bloque_izquierda #form_contacto input.caja{
      border:0px;
      font:11px Arial, Helvetica, sans serif;
      color:#666;      
      width:204px;
      height:18px;
	  background:#EAF5F4;
    }
	
#bloque_izquierda #form_contacto input.check{
      border:none;
      margin-right:4px;
    }
	
#bloque_izquierda #form_contacto textarea{
border:0px;
      font:11px Arial, Helvetica, sans serif;
      color:#666;
      width:210px;
      height:98px;
      overflow:auto;
	  background:#EAF5F4;
    }

#bloque_izquierda #form_contacto .enviar{
      float:left;
      display:inline;
    }


/* HOME */
html> body #botonera {top:173px; width:539px; height:36px;  position:absolute; display:block; margin:0px auto;}
#botonera{top:166px;width:535px; height:36px; position:absolute; display:block; margin:0px auto;}

#wrapp_home {
	width:955px;
	margin:0px auto;
	background-image: url(/images/fondos/backhojas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative;
}
#home #menu_up {
	width:955px;
	height:46px;
	margin:0px auto;
	position: relative;
	background-image: url(/images/fondos/menu_top.jpg);
	background-repeat: no-repeat;
	background-position: 5px top;
}
#home .blockmenu {
	width:100%;
	display:block;
}
#interior .blockmenu{
	width:100%;
	background-image: url(/images/fondos/menu_top_inner.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	}
#interior #menu_up{
	width:955px;
	height:46px;
	position: relative;
	margin:0px auto;

}

/* MENU HOME */
#home ul.navhome, #interior ul.navhome {
	width:650px;
	height:46px;
	float:left;
	position: relative;
	left: 131px;
}
#home .navhome li, #interior .navhome li{ float:left; display:block; height:46px;}

#home .navhome a, #interior .navhome a{
	float:left;
	display:block;
	padding: 46px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:46px;
	background: no-repeat;
	cursor:pointer;
}
#home .navhome a:active, #interior .navhome a:active { background-position: 0 -46px; display:block; }
#home .navhome a:hover, #interior .navhome a:hover { background-position: 0 -46px ; display:block; }
#home .navhome .selected, #interior .navhome .selected { background-position: 0 -46px ; display:block; }

.navhome #instituto_id a {width:91px;}
.navhome #servicios_id a {width:82px;}
.navhome #instalaciones_id a {width:106px;}
.navhome #docencia_id a {width:173px;}
.navhome #fundacion_id a {width:99px;}
.navhome #contacto_id a {width:95px;}

#home #banderas, #interior #banderas {
	float:right;
	position: relative;
	right: 15px;
	top: 10px;
}

/* FIN MENU HOME */

/* CENTRAL  */
#home h1, #interior h1 {
	width:131px;
	height:114px;
	float:left;
	position: relative;
	top: 13px;
}
#motiongraphic {
	width:565px;
	height:382px;
	background-image: url(/images/fondos/back_cover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
#motiongraphic img {
	display:block;
	margin-left:4px;
	margin-top: 8px;
}
#motiongraphic #cover_flash {
	display:block;
	margin-left:4px;
	margin-top:8px;
}

#rightbox {
	float:right;
	width:247px;
	position: relative;
	top: 4px;
}
.texto_caja {
	float:right;
	width:259px!important;
	height:412px;
	position:relative;
	right:3px;
	background-color: #FFFFFF;
	border: 1px solid #E9F5F5;
}

/* FIN  CENTRAL  */

/* DESTACADOS  */

#destacados {
	width: 824px;
	height:140px;
	position: relative;
	left: 131px;
	clear: right;
}
#destacados a{ float:left;}

.destacado_uno, .destacado_dos, .destacado_tres {
	height:140px;
	width:266px;
	background-color: #FFFFFF;
	display:block;
}
.destacado_uno, .destacado_dos {margin-right:10px;}

.destacado_uno img, .destacado_dos img, .destacado_tres img { margin-left:3px; margin-top:3px;}

/* FIN DESTACADOS */

/*INTERIOR */

#galeria_big {
	width:559px;
	height:419px;
	background-image: url(/images/fondos/back_gallery.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
.img_big {
	display:block;
	margin-left:4px;
	margin-top: 8px;
}
#galeria_big p { font-size:14px; text-align:right; margin-top:15px; margin-right:25px;}
#covers img {
	display:block;
	margin-left:4px;
	margin-top: 4px;
	}
#covers {
	width:543px;
	height:164px;
	background:#FFFFFF;
	float: left;
	position: relative;
	top: 4px;
}

#wrapp_interior {
	width:955px;
	position:relative;
	margin:0px auto;
	background-image: url(/images/fondos/backhojas.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#galeria_fotografica {
	width:825px;
	margin:0px auto;
	position:relative;
	left:64px;
	height:152px;
}
#listado_galeria{
	width:822px;
	height:102px;
	background-image: url(/images/fondos/back_galeria.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 102px;
	margin: 0px;
	padding: 0px;
}
.foto {
	float:left;
	width:79px;
	height:74px;
	position: relative;
	top: 13px;
	background-color: #FFFFFF;
	border: 1px solid #E8F3F2;
	margin-right:5px;
}
.foto img{ margin-top:3px; margin-left:3px;}
.texto_caja p{
	text-align:justify;
	padding:0px 15px 15px;
	line-height:16px;
}

#contenido {
	width:541px;
	background:#FFFFFF;
	margin: 0px;
	float: left;
	border: 1px solid #E9F4F4;
	padding:0 0 15px 0;
}
#contenido p { padding-left:14px; padding-right:14px; line-height:16px;}
#contenido ul, #contenido ol, .texto_caja ul, .texto_caja ol{
	margin: 0px 0px 15px 15px;
	padding: 0px;
}
#contenido ul li, #contenido ol li, .texto_caja ul li,.texto_caja ol li {
	list-style: url(none) none;
	padding-left: 10px;
	background: url(/images/bullet/bullet.gif) no-repeat left 2px;
	margin-bottom: 3px;
	position:relative;
}
#contenido a{ color:#90BBBB; text-decoration:underline; padding-left:2px; padding-right:2px;}
#contenido a:hover {background:#90BBBB; color:#FFFFFF; text-decoration:none; padding-left:2px; padding-right:2px;}

.derecha { float:right;}
#leftbox{ width:543px; position:relative; float:left;}

/* SECCION CONTACTO -----------------------------------------------------------------------------*/
.naranja ol { list-style:none; margin-left:15px; position:relative; padding-bottom:5px;}

.direccion, .telefono, .fax, .mail { padding-left:15px; margin-bottom:4px;}
.direccion {background: url(/images/iconos/adress.gif) no-repeat left 3px;}
.telefono {background: url(/images/iconos/telf.gif) no-repeat left 3px;}
.fax{background: url(/images/iconos/fax.gif) no-repeat left 3px;}
.mail{background: url(/images/iconos/mail.gif) no-repeat left 3px;}

.naranja p{ margin-left:15px; margin-right:15px; margin-bottom:5px;}
.emt {margin-left:15px; padding-bottom:13px; padding-top:4px;}

#bloque_derecha p, #bloque_izquierda p{margin:0px; padding:0px; margin-bottom:12px;}
#bloque_izquierda { float:left; width:218px; position:relative; left:15px;}
#bloque_derecha { float:right; width:279px; position:relative; right:15px;}

#formulario_contacto {}

/* FIN SECCION CONTACTO -----------------------------------------------------------------------------*/

/* SUBMENU GENERAL */

#submenu {
	color:#FFFFFF;
	width:244px;
	position:relative;
	right:24px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding-top: 23px;
}

#submenu ul{
	margin:0px;
	width:213px;
	display:block;
	position: relative;
	left: 18px;
	padding:0 0 7px 0;
}
#submenu ul li {
	list-style:none;
	list-style-image:none;
	margin:0px 0px 5px 0px;
	background-image: url(/images/web/raya.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding:0px 0px 5px 0px;
}
#submenu ul li a{
	color:#FFFFFF;
	text-decoration:none;
	padding-left:8px;
	display: block;
	position: relative;
}
#submenu ul li a:hover{ text-decoration:underline;}

/* COLORES -----------------------------------------------------------------------------*/

.verde { background:#A4D046;}
.rosa { background:#EE869F;}
.azul { background:#65B6B6;}
.caqui { background:#C8CC7C;}
.naranja { background:#EE9B35;}
.marron { background:#C59F78;}


.rosa li a { background: url(/images/bullet/rosa.jpg) no-repeat left top;}
#peticion_cita a{ color:#EE869F; text-decoration:none; position:relative; background:#FFFFFF;}
#peticion_cita a:hover{ color:#EE869F; text-decoration:underline; position:relative; background:#FFFFFF;}

.verde li a { background: url(/images/bullet/verde.jpg) no-repeat left top;}
.azul li a { background: url(/images/bullet/azul.jpg) no-repeat left top;}
.caqui li a { background: url(/images/bullet/caqui.jpg) no-repeat left top;}
.marron li a { background: url(/images/bullet/marron.jpg) no-repeat left top;}

/* COLORES -----------------------------------------------------------------------------*/

#fotos_right {
	color:#FFFFFF;
	width:244px;
	position:relative;
	right:24px;
	padding-top: 10px;
}
#peticion_cita { padding-left:25px; padding-right:25px; height:16px; line-height:16px; text-align:right; margin-top:5px;}
#peticion_cita img { vertical-align:text-bottom;}


/* PIE*/
#pie {
	width:951px;
	height:35px;
	text-align:right;
	display:block;
	background-image: url(/images/fondos/back_pie.gif);
	background-repeat: no-repeat;
	background-position: right top;
	position:relative;
	margin:0px auto;
	padding: 0px;
	vertical-align: middle;
}
#pie p{
	text-align:left;
	margin-left:130px;
	font-family:Arial, Helvetica, sans-serif;
	color:#AED5D0;
	font-size:11px;
	position: relative;
	padding-right:10px;
	line-height: 35px;
}

.vg {
	position:absolute;
	top:10px;
	right:5px;
	text-align:right;
	width:104px;
	height:15px;
}

.enviado{
     margin:15px auto; 
     width:550px; 
     text-align:center;
     padding: 5px 0; 
     background:#FFFFCC; 
     border:1px dashed #DED3B1; 
}