/* reset yahoo */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
   padding:0; 
} 
table { 
   border-collapse:collapse; 
   border-spacing:0; 
} 
fieldset,img {  
   border:0; 
} 
address,caption,cite,code,dfn,em,th,var { 
   font-style:normal; 
   font-weight:normal; 
} 
ol,ul { 
   list-style:none; 
} 
caption,th { 
   text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
   font-size:100%; 
   font-weight:normal; 
} 
q:before,q:after { 
   content:''; 
} 
abbr,acronym { border:0; 
} 

/* elementos */

h2, h3 {
	font-family: "Trebuchet MS", Geneva, sans-serif;
}

a {
	color: #0090d4;
}

a:hover {
	text-decoration: none;
	color: #00adff;
}

p {
	margin: 0.2em 0 1em;
}

/* layout */

body {
	background: #2d2d29;
	font-size: 0.8em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #666;
}

#contenedor {
	width: 978px;
	margin: 15px auto 0 auto;
	background: url(../img/bg.png) repeat-y left;
}

#cabecera {
	background: url(../img/centro_optico_casin_cabecera.jpg) no-repeat;
	width: 978px;
	height: 127px;
	position: relative;
}

#contenido {
	width: 978px;
}

#izquierda {
	width: 345px;
	float: left;
	background: #d0e8e3  url(../img/bg_iz.png) repeat-y left;
}

#menuProfesionales {
	margin: 0 0 1em 9px;
	background: #20919a url(../img/bg_menu.jpg) no-repeat top left;
	float: left;
	width: 336px;
	height: 512px;*height: 530px;
	
}

#menuPacientes {
	margin: 0 0 1em 0;
	background: #124a63 url(../img/bg_menuPacientes.jpg) no-repeat top left;
	float: left;
	width: 168px;
	height: 540px;*height: 547px;
}

#novedades {
	margin: 0 0 1em 9px;	
	width: 345px;*height: 365px;
}

#novedades ul {
	width: 317px;
	height: 271px;
	overflow: auto;
	background: url(../img/bg_novedades.jpg);
	margin-left: 19px;
}

#principal {
	margin: 0 25px 0 0;
	float: left;
	width: 608px;
}

#footer {
	background: #2d2d29 url(../img/bg_footer.png) no-repeat;
	width: 979px;
	height: 93px;
	clear: both;
	font-size: 0.8em;
	margin-top: 1em;
}

.clear {
	clear: both;
}

/* cabecera */

#cabecera h1 {
	text-indent: -9999px;
}

#cabecera ul {
	position: absolute;
	right: 30px;
	bottom: 12px;
}

#cabecera ul li {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	font-size: 10px;
	font-weight: bold;
}

#cabecera ul li a {
	color: #fff;
	line-height: 32px;
	padding: 0 0.7em;
	display: block;
	text-decoration: none;
}

#cabecera ul li a:hover {
	color: #1db0ff;
}

/* menu lateral */


#menuProfesionales h2, #menuPacientes h2, #novedades h2 {
	font-size: 1.35em;
	margin: 30px 0 1em 10px; 
}

#menuProfesionales h2 {
	color: #dfece6;
}

#menuPacientes h2 {
	color: #00a9f5;
}

#menuProfesionales a, #menuPacientes a {
	color: #fff;
	font-size: 0.8em;
	padding: 0.5em 10px; 
	line-height: 1.3em;
	text-decoration: none;
	display: block;
	width: 316px;
}

#menuProfesionales a {
	background: url(../img/bg_menuProfesionales_a.png) repeat-x bottom;
}

#menuPacientes a {
	background: url(../img/bg_menuPacientes_a.png) repeat-x bottom;
}

#menuProfesionales a:hover {
	color: #00ecff;
}

#menuPacientes a:hover {
	color: #009be0;
}

#menuProfesionales .activo, #menuPacientes .activo, #menuProfesionales .activo:hover, #menuPacientes .activo:hover {
	font-size: 0.8em;
	padding: 0.5em 10px; 
	line-height: 1.3em;
	display: block;
	width: 316px;
	color: #fff;
}	
	

#menuProfesionales .activo {
	background: #00d2d5 url(../img/bg_menuProfesionales_on.png) repeat-x top;
}

#menuPacientes .activo {
	background: url(../img/bg_menuPacientes_on.jpg);
}


#novedades h2  {
	color: #215a6d; 
	clear: both;
	padding-top: 1em;
}


#novedades h3 {
	font-size: 1.5em;
	padding: 0.5em 0 0 0;
	color: #215a6d; 
}

#novedades li {
	color: #2d2d2d;
	font-size: 0.8em;
	padding: 0 1em 1em;
}




/* principal */

#principal h2 {
	background: url(../img/bg_h2_principal.jpg) no-repeat top left;
	color: #215a6d;
	font-size: 2.4em;
	padding: 1.3em 0.5em 0.5em;
	line-height: 1.2em;
}

#principal .wraper {
	margin: 0 0 0 1.4em;
}

.nav {
	background: #f0f0f0;
	border-bottom: 1px solid #e1e1e1;
	font-size: 0.8em;
	color: #666;
	margin: 0 0 1em 0;
	padding: 0 0.5em;
}

.nav a {
	text-decoration: none;
}

#principal h3 {
	background: #5fbd9b;
	color: #fff;
	font-size: 1.3em;
	padding: 0 0.5em;
	line-height: 1.8em;
	clear: both;
	margin-top: 0.5em;
}

.secciones {
	float: right;
	width: 200px;
	background: url(../img/bg_subseccion.png) repeat-y left;
	font-size: 0.8em;
}

.secciones li {
	padding: 0 0.5em;
}

.secciones .top {
	padding: 7px 0.5em 0.2em 0.5em;
	background: url(../img/bg_subseccion_top.png) no-repeat top left;
	color: #8a863a;
	font-family: "Trebuchet MS", Geneva, sans-serif;
	text-transform: uppercase;
	font-size: 1.5em;
}

.secciones .bottom {
	background: url(../img/bg_subseccion_bottom.png) no-repeat bottom left;
	padding-bottom: 10px;
}

.secciones .sub1 {
	font-weight: bold;
	padding-left: 0.7em;
}

.secciones .sub2 {
	padding-left: 1.5em;
}

.secciones a {
	color: #5c5a3b;
	text-decoration: none;
	line-height: 1.5em;
}

.secciones a:hover {
	color: #8a863a;
	text-decoration: underline;
}

.producto {
	padding: 1em 0;
}

.producto h4 {
	font-size: 1.2em;
	padding: 0.5em 0 0 0;
	color: #215a6d;
	font-weight: bold;
}

.producto h5 {
	font-size: 1em;
	padding: 0.5em 0 0 0;
	color: #215a6d;
	font-weight: bold;
}

.imagenIz, .imagenDe {
	background: #f0f0f0;
	border: 1px solid #ccc;
	font-size: 0.8em;
	width: 195px;
	float: left;
}

.imagenIz {
	margin: 0 1em 0 0;
}

.imagenDe {
	margin: 0 0 0 1em;
}

.imagenIz img, .imagenDe img {
	margin: 4px 4px 0 4px;
	border: 1px solid #ccc;
}

.imagenIz em, .imagenDe em {
	margin: 2px 4px;
}

.descripccion {
	float: left;
	width: 380px;
}

.listaNum {
	list-style: decimal;
	margin: 0 0 1em 2em;
}

.lista {
	list-style: disc;
	margin: 0 0 1em 2em;
}

.linea {
	border-bottom: 1px solid #215a6d;
	margin-top: 0.5em;
}

.listaEmpresas li {
	margin: 0 0 1em 1em;
	float: left;
	width: 132px;
	height: 250px;
	text-align: center;
	font-size: 0.9em;
}

.listaEmpresas img {
	border: 1px solid #0090d4;
	margin: 0 0 0.5em 0;
}

.listaEmpresas em {
	display: block;
	font-size: 9px;
}


/* footer */

#footer .contacto {	
	margin: 0.5em 0 0 355px;
}

#footer .contacto ul {
	float: left;
	width: 33%;
}

#footer .contacto ul li {
	color: #898989;
	line-height: 17px;*line-height: 15px;
}

#footer .contacto ul li strong {
	font-weight: bold;
}

#footer p {
	color: #fff;
	margin: 0.5em 0 0 355px;
	text-align: center;
	line-height: 2.8em;*line-height: 2.2em;
}