@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------
	Reset
----------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a { outline:none; }

/*-----------------------------------------------------------*/

html,body{
	margin:0;
	padding:0
}
body{
	text-align:center;
	margin:0 auto;
	background-color:#EAEAEA;
	font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
	color:#333333;
	font-size:12px;
}
h1{ margin:0; font-size:20px; color:#333; }
h2{ margin:0; font-size:20px; color:#E5720C; }
.width-page{ width:910px; }
#header{
	margin:0 auto;
	height:150px;
	background:url(../images/bg_header.jpg) no-repeat 0 80px;
}
		#logo{
			width:425px;
			height:25px;
			background:url(../images/logo.jpg);
			text-indent:-9999px;
			display:block;
			position:relative;
			top:33px;
			left:30px;
			float:left;
		}
		a#bot-tienda{
			width:92px; 
			height:27px; 
			float:right; 
			position:relative; 
			top:75px;
			right:28px;
			background:url(../images/bot_tienda.jpg);
			text-indent:-9999px;
			display:block;
		}
		a#bot-tienda:hover{ background-position: 0 -27px;}
		ul#zonaclientes{
			width:240px; 
			height:27px; 
			float:right; 
			position:relative; 
			top:30px;
			right:4px;
		}
			ul#zonaclientes li { float: left; list-style: none; }
			ul#zonaclientes li a {
				position:absolute;
				text-indent: -9999px;
				border: none !important;
				height: 27px;
				top: 0px;
			}
			ul#zonaclientes li#acceso1 a {left: 0; width:106px; background: url(../images/bots_acceso.jpg) 0 0 no-repeat;}
			ul#zonaclientes li#acceso2 a {left: 106px; width:134px; background: url(../images/bots_acceso.jpg) -106px 0 no-repeat;}
			
			ul#zonaclientes li#acceso1 a:hover {background-position:0 -27px;}
			ul#zonaclientes li#acceso2 a:hover {background-position:-106px -27px;}
			
#banner{
	margin:0 auto;
	height:255px;
	background:url(../images/bg_banner2.jpg) no-repeat;
}

#cuerpo{
	margin:0 auto;
	padding:0;
}
	.color-princ{ color:#333; }
	.color-sec{ color:#999 !important; }
	.color-ter{ color:#666; }
	
	#contenido{
	margin:0 auto;
	float:left;
	text-align:left;
	background:#FFFFFF url(../images/bg_body.jpg) repeat-y;
	}
		
		#caja-inf{
			float:left; 
			padding:50px 30px 0 30px;
			width:850px;
			background:url(../images/shadow_body.jpg) top center no-repeat;
		}
		#panel-central{
			width:375px;
			float:left;
			line-height:19px;
			padding:0 30px 30px 30px;
			background:url(../images/borde_sidebars.gif) no-repeat;
		}
		#panel-central2{
			width:610px;
			float:left;
			line-height:19px;
			padding:0 0 30px 30px;
			background:url(../images/borde_sidebars2.gif) no-repeat;
		}
		#panel-central2 p, #panel-central p{
			margin-bottom:10px;
		}
		#panel-central a.link{
			color:#666;
			border-bottom:1px dotted #E5720C;
			text-decoration:none;
		}
		#panel-central a.link:hover{ border-bottom:none; }
		#panel-central ul{padding-left:15px;}
		#panel-izquierdo{
			width:210px;
			float:left;
			padding:0;
		}
		#panel-derecho{
			width:205px;
			float:right;
			padding:0;
		}
		#panel-derecho p{
			margin:5px 0;
		}
		.subtitulo{
			font-size:18px;
			color:#333;
			height:25px;
			border-bottom:1px solid #E9E9E9;
			width:100%;
			margin-top:20px;
		}
		a.bot-vermas{
			width:114px;
			height:20px;
			display:block;
			background:url(../images/bot-vermas.gif) no-repeat;
			text-indent:-9999px;
			margin-top:15px;
		}
		a.bot-vermas:hover{
			background-position:0 -20px !important;
		}
		a.bot-vermas-light{ color:#E5720C; }
		a.bot-vermas-light:hover{ text-decoration:none;}

		/*--------------------------------------------------------------
		ELEMENTOS SIDE-BARS
		---------------------------------------------------------------*/
		
		.tit-sidebar{
			font-size:20px;
			color:#333333;
			border-bottom:1px solid #E9E9E9;
			width:200px;
		}
		.margen-sidebar{padding-left:10px;}
		.contactenos{color:#999;}
		.contactenos p{/*color:#999;*/}
		
		#submenu ul{list-style-type:none; width:210px; margin-bottom:40px;}
		#submenu ul li{border-bottom:1px solid #E9E9E9;}
		#submenu ul li a{ padding:7px 20px 7px 10px; text-decoration:none; color:#666; display:block; background: url(../images/bullet_submenu.gif) no-repeat 200px center;}
		#submenu ul li a:hover, #submenu ul li a.active{color:#E5720C; background: url(../images/bullet_submenu2.gif) no-repeat 200px center;}
		
		#twitter-news ul{list-style-type:none; width:210px; margin-bottom:40px;}
		#twitter-news ul li{border-bottom:1px solid #E9E9E9; padding:7px 5px 7px 10px; line-height:19px; }
		#twitter-news ul li a.time-twitter{font-size:11px; color:#E5720C; margin-bottom:4px; display:block; text-decoration:underline;}
		#twitter-news ul li a.time-twitter:hover{text-decoration:none;}
		#twitter-news ul li a{text-decoration:none; color:#666;}
		#twitter-news ul li a:hover{text-decoration:underline;}
		
		#news{line-height:19px;}
		#news ul{list-style-type:none; width:210px; margin-bottom:40px;}
		#news ul li{padding:7px 20px 7px 10px; border-bottom:1px solid #E9E9E9;}
		.news-fecha{
			margin-bottom:5px;
			color:#E87D1C;
			font-size:11px;
		}
		#news a{text-decoration:none; color:#999; display:block;}
		#news a:hover{color:#333;}
		
		#partners{width:210px; margin-bottom:30px;}
			.img-om{background:url(../images/img_oftalmomedia.jpg); width:196px; height:138px; text-indent:-9999px; display:block; margin:10px 0 10px 10px;}
			.txt-partners{margin-top:10px !important; line-height:19px; color:#999 !important;}
			.txt-partners p{color:#999 !important;}

		#clientes ul{list-style-type:none; width:210px;}
		#clientes ul li{ border-bottom:1px solid #E9E9E9;}
		#clientes a{ padding:7px 20px 7px 10px; text-decoration:none; color:#999; display:block;}
		#clientes a:hover{color:#333; background: background: url(../images/bullet_submenu2.gif) no-repeat 200px center;}
		
		ul#lista-contacto{list-style-type:none; }
		ul#lista-contacto li{background-repeat:no-repeat; background-position:0 7px; padding:5px 0 5px 23px;}
		ul#lista-contacto li span{width:55px; color:#666; font-weight:bold; float:left;}
		ul#lista-contacto li a{color:#666; text-decoration:none; border-bottom:1px dotted #999;}
		ul#lista-contacto li a:hover{color:#333 !important;}


		/*---------------------------------------------------------------
		estilos para el pie
		----------------------------------------------------------------*/
		#pie{
		font-size:11px;
		color:#999;
		background:url(../images/footer.jpg);
		text-align:left;
		margin:0 auto 40px auto;
		position: relative;
		clear:both;
		height:48px;
		} 
		#pie p{	margin:0;}
		#pie a{	color:#666; text-decoration:none; border-bottom:1px dotted #666;}
		#pie a:hover{ border-bottom:none; color:#333;}
	
		/* fin estilos del pie */