/* CSS - OCLE  */

/*-----------------------------------
GENERALES
-----------------------------------*/

* {margin: 0; padding: 0;}
body { font-family: 'Myriad Pro', Myriad, Trebuchet Ms, Verdana, Arial, Sans-serif; background: #000 url(images/ocle-header-large.jpg) no-repeat top center;}
.oculto {display: none;}
img {border: none;}


/*-----------------------------------
DISEŅO
-----------------------------------*/

#contenedor {width: 750px; margin: 0 auto;}
/*#header { height: 250px; display: block;}*/
#header  { height:250px; widht: 750px; padding-top: 10px; }
#headersobre { height: 88px; widht: 750px; background: url(images/sobre-ocle-header.jpg) no-repeat; padding-top: 10px; }
#headerconcepto { height: 88px; widht: 750px; background: url(images/concepto-header.jpg) no-repeat; padding-top: 10px; }
#headerdisfruta { height: 88px; widht: 750px; background: url(images/disfruta-header.jpg) no-repeat; padding-top: 10px; }
#headerconsultas { height: 88px; widht: 750px; background: url(images/consultas-header.jpg) no-repeat; padding-top: 10px;}
#headercontacto { height: 88px; widht: 750px; background: url(images/contacto-header.jpg) no-repeat; padding-top: 10px; }

 
/*-----------------------------------
MENU
-----------------------------------*/

#menu { float: left; width: 100%;
z-index:1;
position:fixed;
}
#menu2 {
z-index:3;
width: 99%;
float: left;
height:0px;
font-size: .9em;
color:#FFFFFF;
}

#menu_home {
z-index:3;
width: 99%;
float: left;
height:0px;
font-size: .9em;
color:#FFFFFF;
}

a.menu2:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.menu2:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a.menu2:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a.menu2:active {
	text-decoration: none;
	color: #FFFFFF;
}









#menu a { display: block; background: #555; color: #b6b6b6; text-decoration: none; font-size: .9em; width: 75px; height: 20px; display: inline;  float: left; text-align: center; margin: 0 8px;}
html>body #menu a { display: block; background: url(images/bg-item-menu.png) no-repeat scroll 0 3px; color: #b6b6b6; text-decoration: none; font-size: .9em; width: 75px; height: 20px; display: inline;  float: left; text-align: center; margin: 0 8px;}


#menu a:hover { text-decoration: underline; color: #fff;}

/*-----------------------------------
CONTENIDO
-----------------------------------*/

#contenido { width: 750px; padding: 20px;}
#contenido img { border: none;}
#logo {margin: 40px 0 0 50px; float: left;}
#frase { float: right; margin: 80px 50px 0 0;}
#texto {color: #fff; width: 320px; float: right; text-align: right; margin-right: 40px; font-size: 14px; line-height: 140%; margin-top: 16px;}
#texto a {color: #F0B500;}
 
 /*-----------------------------------
CONCEPTO
-----------------------------------*/
#contenidoconcepto { width: 750px; margin-top:-10px; padding: 20px; min-height: 300px;}
#logoconcepto {margin: 250px 0 0 50px; float: left;}
#textoconcepto {color: #fff; width: 450px; float: right; text-align: right; margin-right: 40px; font-size: 12px; line-height: 140%; margin-top: 10px;}


#contenido-disfruta { width: 750px; margin-top:-10px; padding: 20px; min-height: 450px; background: url(images/bg-disfruta.jpg) no-repeat top left;}
#contenido-disfruta ul { margin-top: 20px; list-style-type: none; font-size: 20px; font-weight: bold;}
#contenido-disfruta ul li { padding-top: 15px;}

#texto-disfruta{color: #fff; width: 290px; float: right; text-align: right; margin-right: 10px; font-size: 14px; line-height: 140%; margin-top: 16px;}

.disfruta { margin-top: 60px;}


#contenido-consulta { width: 750px; margin-top:-10px; padding: 20px; min-height: 450px; background: url(images/bg-consultas.jpg) no-repeat top left;}


/*-----------------------------------
SIDEBAR
-----------------------------------*/
#sidebar { width: 205px; float: right;}
#sidebar a { color: #9b9b9b; text-transform: uppercase; text-decoration: none;}
#sidebar a:hover {color: #fff; }
#sidebar ul li { padding-top: 18px;}
.sobre  a{ text-transform: none !important;}