@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:67px;
background:url(/images/logo.jpg);
text-indent:-9999px;
display:block;
position:relative;
top:10px;
left:30px;
float:left;
}
a#bot-salir{
width:92px; 
height:27px; 
float:left; 
position:relative; 
top:35px;
left:120px;
background:url(/images/bot_salir.png);
text-indent:-9999px;
display:block;
cursor:pointer;
}
a#bot-salir:hover{ background-position: 0 -27px;}
a#bot-entrar{
width:92px; 
height:27px; 
float:left; 
position:relative; 
top:35px;
left:120px;
background:url(/images/bot_entrar.png);
text-indent:-9999px;
display:block;
cursor:pointer;
}
a#bot-entrar:hover{ background-position: 0 -27px;}
ul#zonaclientes{
width:250px; 
height:27px; 
float:right; 
position:relative; 
top:8px;
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:#333 !important; }
.color-ter{ color:#333; }

#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:590px;
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:#333;
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:230px;
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.png) 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:#333;}
.contactenos p{/*color:#333;*/}

#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:#333; 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;}

#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:#333 !important;}
.txt-partners p{color:#333 !important;}

#avals{width:210px; margin-bottom:30px;}
.img-gerenglob{background:url(/images/avales/gerenglob.png) no-repeat center; width:196px; height:110px; text-indent:-9999px; display:block; margin:10px 0 10px 10px;}
.img-mutben{background:url(/images/patrocinadores/logo_mutben.gif) no-repeat center; width:196px; height:80px; text-indent:-9999px; display:block; margin:10px 0 10px 10px;}

#productos{width:210px; margin-bottom:30px; margin-top:50px;}
#productos .imgs{
	margin-top:50px;
}
#productos .imgs p{
	text-align:center;
	font-size:12px;
}
#productos .imgs a{ border-bottom:1px dotted #333; text-decoration:none; color:#333; display:block;}
#productos .imgs a:hover{color:#333; text-decoration:underline}

#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:#333; 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:#333; font-weight:bold; float:left;}
ul#lista-contacto li a{color:#333; text-decoration:none; border-bottom:1px dotted #333;}
ul#lista-contacto li a:hover{color:#333 !important;}


/*---------------------------------------------------------------
estilos para el pie
----------------------------------------------------------------*/
#pie{
font-size:11px;
color:#333666;
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:#333333; text-decoration:none; border-bottom:1px dotted #333;}
#pie a:hover{ border-bottom:none; color:#000000;}

/* fin estilos del pie */

.link{	color:#003366; text-decoration:none; border-bottom:1px dotted #333;}
.link:hover{ border-bottom:none; color:#000000;}

#login, #logout {
	float: right;
	margin-top: 0px;
	width:370px;
	background:url(/images/bg_login.png) right bottom no-repeat ;
}
#login #log, #logout #log {
	float:left;
	clear:both;
	text-align:center;
	color: #ffffff;
	font-size: 14px;
	line-height:15px;
	height:15px;
	padding:0px 0px 0px 60px;
	margin:0px;
}
#login input, #logout input {
	float: left;
	margin-left: 9px;
	color: #6a6a69;
	font-weight: bold;
	font-size: 12px;
}
#login input.username {
	width: 86px;
	padding: 2px 4px;
	margin: 2px;
}
#login input.password {
	width: 112px;
	padding: 2px 4px;
	margin: 2px 2px 2px 6px;
}
#login input.entrar {
	width: 65px;
	padding: 2px 4px;
	margin: 2px 2px 2px 6px;
}
#login .time, #logout .time {
	clear: left;
	margin-top: 55px;
	margin-left: 218px;
	width:150px;
	height:25px;
	font-size: 11px;
	background: url(/images/clock.png) left center no-repeat;
	padding-left:5px;
	display: block;
	line-height: 16px;
}
#login input.log, #logout input.log {
	width: 98%;
	padding: 2px 4px;
	margin: 2px;
	background:none;
	border:none;
	color:#FFFFFF;
}
.all-width{
	width:400px;
}

.profilesection {
	margin-bottom: 20px;
}


.navigation {
	padding: 5px;
	font-family: Tahoma;
	border: 1px solid #A7C5D1;
	background-color: #EFF4F5;
	font-size: 11px;
	margin-bottom: 8px;
	width:95%;
}

.comment {
	width: 95%;
	padding: 5px;
	font-family: Tahoma;
	border: 1px dotted #ccc;
	background-color:#fff;
	font-size: 11px;
	margin-bottom: 8px;
}

.comments {
	margin:4px;
	padding: 4px;
	color: #000000 ;
	background-color: #FFF0D9 ;
	border: 1px solid #FF9900;
}

.help{
	display:table-column;
}

.help_txt{
	margin: 0;
	padding: 0;
}

.help_ico{
	cursor:pointer;
	position:relative;
	z-index:100;
	bottom:20px;
	right:72px;
	clear:right;
}

.introtext{
	float: left;
	margin: 0 10px 10px 0;
	padding: 2px;
	border: 1px solid #ccc;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.introinput {
	color:#000000;
	margin: 1px 0 1px 0;
	background-color: #EFF4F5;
	border: 1px solid #A7C5D1;
	text-align: left;
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	width: 300px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.introselect {
	color:#000000;
	margin: 1px 0 1px 0;
	background-color: #EFF4F5;
	border: 1px solid #A7C5D1;
	text-align: left;
	border: 1px;
	border-style: solid;
	border-color: #ccc;
	width: 306px;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

/* OR AND SUCCESS MESSAGES */

.errormessage {
	color:#FF0000;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
	font-family: Verdana;
	font-size:14px;
	background-color:#CCCCCC;
	border: 1px dotted #333333;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.successmessage {
	color:#FFFFFF;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
	font-family: Verdana;
	font-size:14px;
	background-color:#333333;
	border: 1px dotted #CCCCCC;
	filter:alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}

.entermessage {
	color:#0099CC;
	padding: 5px;
	text-align: center;
	margin-bottom: 20px;
	font-family: Verdana;
	font-size:14px;
	background-color:#D3D5DE;
	border: 1px solid #0099CC;
}

.header_list b{
	color:#FFFFFF;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bg_cel_1{
	/*background-color:#F3F3F3;*/
	border: 1px solid #A7C5D1;
	border-style: solid;
	border-color: #ccc;
	color:#000000;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.bg_cel_2{
	/*background-color: #FFFFFF;*/
	border: 1px solid #A7C5D1;
	border-style: solid;
	border-color: #ccc;
	color:#000000;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.paginado{
	color:#000000;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#paginado a:link{
	color:#006699;
	font-weight:bold;
}

#paginado a:visited{
	color:#006699;
	font-weight:bold;
}

#paginado a:active{
	color:#FF6600;
	font-weight:bold;
}

#paginado .pag_active{
	color:#FFFFFF;
	font-weight:bold;
}

.interminente2 {text-decoration:blink; color:#CC3300; }

#logo_evento{ position:relative; top:55px; left:630px; z-index:100; width:250px; height:82px; background:url(/images/logo_cihotur.png) no-repeat top center; color:none }
#name_evento{ position:relative; top:25px; left:30px; z-index:100; width:580px; height:25px; color:#036; font-size:18px; font-weight:bold; text-align:left; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
#alert{ border:#333999 1px dotted; padding:30px; font-size:36px; text-align:center; margin:50px 0px 0px 0px; color:#006699 }
.aviso{ border:#333999 1px dotted; padding:30px; font-size:12px; text-align:center; margin:0px; color:#006699; font-weight:bold }

#remember { float:right; padding-right:10px }
#remember a { color:#06C; border-bottom:1px dotted #E5720C; text-decoration:none }
#remember a:hover { border-bottom:hidden }

#site_map{ display:block; width:905px; margin:0 auto 40px auto; vertical-align:top }
.site_map_list { width: 14%; float: left; display: inline; margin: 0px 20px 0px 4px; margin-top: 5px; }
.site_map_list li { margin-left: 0; list-style: none; padding-left: 0; margin-bottom: 6px; padding-bottom: 6px; text-align:left }
.site_map_list li a { font-size: 12px; border-bottom: 1px solid #e8e8e8; color:#069 }
.site_map_list li.site_map_title { margin: 0 0 14px 0; padding: 0; list-style: none; font-size: 12px; border: 0; }
.site_map_list li.site_map_title a { font-size: 13px; color:#036 }

#like_facebook{ position:relative; top:420px; left:380px; z-index:100px}