/* CSS DE INICIO SESION */

/**********************/
/**    ESTRUCTURA    **/
/**********************/
#contenedor-barra-servicios, #contenedor-barra-servicios-cien{
	background: #fff;
	width: 100%;
	height: auto;
}
#contenedor-barra-servicios-cien{
	width: 100%;
}
#barraservicios-servicios, #barraservicios-servicios-cien, #barraservicios-servicios2  {
	height: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	float: left;
}
#barraservicios-servicios, #barraservicios-servicios2 {
	width: 100%;
}

#barraservicios-servicios-cien {
	width: 100%;
}


.fondobuscador{
	float:left;
	}
/*****************************************/
/**    SERVICIOS-EN-LA-BARRA            **/
/*****************************************/
#cont-izq-barraserv{
	width: 250px;
	float: left;
	height: auto;
	}
	
#cont-izq-barraserv .container	{border-top: 2px solid #9aca3c; width:1000px;}
#cont-izq-barraserv .container ul>li {width: 140px;}
#cont-der-barraserv{
	width: 250px;
	float: right;
	position: relative;
	z-index: 5000;
	}
ul#menu-barraserv {
	margin: 1em 0 0;
	float:left;
	list-style: none;
	}
ul#menu-barraserv li {
	margin: 0;
	float: left;
	position: relative;
	}
ul#menu-barraserv li.texto11blu-servicios {
	font: bold 14px/31px;
	font-family: "Open Sans", Arial;
	color: #006699;
	text-decoration: none;
	}
ul#menu-barraserv li.enlace-servicios-publicos a{
	font: bold 13px/13px;
	font-family: "Open Sans", Arial;
	color: #00b1c7;
	text-decoration: none;
	margin: 5;
	}
	
/*****************************************/
/**    TOOLTIP-SERVICIOSABC             **/
/*****************************************/
.derecho  {
	height: auto;
	overflow: hidden;
	font-family: "Open Sans", Arial;
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	background-color: #FFFFFF;
	border-bottom: 3px solid #999999;
	color: #464646;
	width: 655px;
	padding-left: 5px;
	width: 960px;
	float: left;
	padding-bottom: 10px;
	z-index:1;
}
.novedades-serv {
	color: #333;
	text-decoration: none;
	margin-right: 30px;
	text-align: left;
	bottom: 5px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-family: "Open Sans", Arial;
	font-size: 15px;
	line-height: 9px;
	font-weight: bold;
	/* text-transform: capitalize; */
	}
	
.entrar {
	color: #00b1c7;
	text-decoration: none;
	margin-right: 30px;
	text-align: left;
	bottom: 5px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-family: "Open Sans", Arial;
	font-size: 15px;
	line-height: 9px;
	font-weight: bold;
	text-transform: capitalize;
	}	
	
a.mas { /*icono para que se entienda que hay menu desplegable en usuario*/
	padding-right: 30px;
	background-image: url(/servicios/arte/drop_down_list_g.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/*.novedades-serv:hover a{
	font: bold 14px/9px "Lato", Arial;
	color: #999;
	text-decoration: none;
	text-align: left;
	bottom: 3px;
	text-decoration: underline;
	text-transform: uppercase;

	}	
.container {
   height: auto;
   overflow: hidden;
   width:960;
}	
.container ul
{
  width: 960px;  /* room for 3 columns 
}*/

#nav ul.visible  .menu-desplegable.visible ul li
{
	width: 300px;  /* accommodate the widest item */
	list-style-type: none;
	z-index: 5;
}
/* stop the floating after the list */
.container br
{
  clear: left;
}

.container ul li a
{
	color:#666666;
	display: block;
	/*width: 7em;*/
  text-decoration: none;
}
.container ul li a:hover
{
	color: #9aca3c; /* white */
	text-decoration:underline;
}  
#topmenu_barraservicios,  #nav li{
	/*height: 55px;*/
  /*overflow: hidden;*/
   font: bold 14px/9px "Open Sans", Arial;
	color: #006699;
	text-decoration: none;
	width: 485px;
	margin:auto;
	position: relative;
	z-index:50;
	height:auto;  
	   }
	   
.menus { /*es igual que el .menu de la barra accesos */
margin: 0;
padding: 0;
float: left;
z-index: 1;
}
   
#topmenu_barraservicios ul li{display: inline;}   
ul#topmenu_barraservicios {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	z-index:55555;
	position: relative;
	}
ul#topmenu_barraservicios li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}
ul#topmenu_barraservicios li.texto11blu-servicios {
	color: #333;
	font-family: "Open Sans", Arial;
	font-size: 18px;
	line-height: 35px;
	font-weight: normal;
	text-align: left;
	text-indent: 5px;
	text-transform: capitalize;
	
	/*font-family: "Source Sans", "Source Sans Extrabold", "Source Sans Light", "Open Sans Semibold";
	font-size: 14px;
	font-weight: bold;
	color: #006699;
	padding-left: 5px;
	line-height: 38px;
	text-decoration: none;
	letter-spacing: -0em;
	text-align: center;*/	
	width: 90px;
	}
ul#topmenu_barraservicios li.novedades-serv a{
	color: #333;
	text-decoration: none;
	margin-right: 5px;
	text-align: left;
	bottom: 0px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Arial;
	font-size: 14px;
	line-height: 31px;
	font-weight: bold;
	text-transform: uppercase;
	}
ul#topmenu_barraservicios li.novedades-serv:hover a{
	font: bold 14px/31px;
	font-family: "Open Sans", Arial;
	color: #999;
	text-decoration: none;
	margin-right: 5px;
	text-align: left;
	bottom: 3px;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
	text-transform: uppercase;

	}	
ul#topmenu_barraservicios li a {
	float: left; 
	height: 21px;
	}
ul#topmenu_barraservicios a.mas {
	font: bold 14px/31px;
	font-family: "Open Sans", Arial;
	color: #333;
	text-decoration: none;
	margin-right: 5px;
	text-align: left;
	bottom: 3px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	_margin-top: 10px;
	text-transform: uppercase;

	
	}
ul#topmenu_barraservicios a.mas:hover {
	font: bold 14px/31px Arial;
	color: #333;
	text-decoration: none;
	margin-right: 5px;
	text-align: left;
	bottom: 3px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	_margin-top: 10px;
	text-transform: uppercase;

	
	}
ul#topmenu_barraservicios li .submas {
	position: absolute;
	top: 21px;
	left: 0;
	background: #eee;
	padding: 10px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	border-top: 1px solid #C60;
	border-right: 2px solid #C60;
	border-bottom: 2px solid #C60;
	border-left: 1px solid #C60;
	_width: 150px;	
	}
ul#topmenu_barraservicios li .rowmas {
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
	}
ul#topmenu_barraservicios li .submas ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	}
ul#topmenu_barraservicios .submas ul li {
	width: 100%;
	color: #8e3086;
	}
/*ul#topmenu_barraservicios .submas ul*/ 
li.novedades-serv a{
	color: #FFFFFF;
	text-decoration:none;
	font-family: Arial;
	font-size: 13px;
	line-height: 30px;
	font-weight: bold;
	text-transform: capitalize;
	}
/*ul#topmenu_barraservicios .submas ul*/ li.novedades-serv a:hover{
	font: bold 13px/30px Arial;
	color: #fff;
    text-decoration:none;
	}	
 
/*****************************************/
/**    ACCEDER             **/
/*****************************************/
.acceso_servicios{position: relative;left: -710px;padding-top: 17px;}

ul#topacceder {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	}
ul#topacceder li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	}
ul#topacceder li.texto11blu-servicios {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006699;
	padding-left: 5px;
	line-height: 35px;
	text-decoration: none;
	letter-spacing: -0em;
	text-align: center;	
	width: 70px;
	}
ul#topacceder li.novedades-serv a{
	font: bold 11px/31px Arial, Helvetica, sans-serif;
	color: #F90;
	text-decoration: none;
	letter-spacing: -1px;
	margin-right: 5px;
	text-align: left;
	bottom: 5px;
	text-decoration: underline;
	padding-right: 5px;
	padding-left: 5px;
	}
ul#topacceder li a {
	float: left; 
	height: 21px;
	}
ul#topacceder a.acceder {
	_width: 275px;
	font: bold 14px/31px Arial, Helvetica, sans-serif;
	color: #8aab26;
	text-decoration: none;
	margin-right: 5px;
	text-align: left;
	bottom: 5px;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	text-transform: uppercase;
	}
ul#topacceder a.acceder:hover {
	text-decoration: underline;
	}


ul#topacceder li .subacceder {
	
	position: absolute;
	top: 21px;
	left: 0;
	background: #FFF;
	padding: 0px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none;
	border-top: 4px solid #C60;
	/*border-right: 1px solid #C60;
	border-bottom: 1px solid #C60;
	border-left: 1px solid #C60;*/
	z-index: 99999;
	_width: 100%;
	margin: 0px;
	}
ul#topacceder li .rowacceder {
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
	}
ul#topacceder li .subacceder ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
	}
ul#topacceder .subacceder ul li {
	width: 100%;
	color: #8e3086;
	}
ul#topacceder .subacceder ul li.novedades-serv a, ul.menu-desplegable{
/*	font: bold 11px/40px "Lato", Arial;
	color: #fff;
	text-decoration: none;
	margin-right: 5px;
	text-align: left;
	bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
	list-style-type: none;
	*/
	}

#nav ul.menu-desplegable {
    display: none;
	margin-top:11px;
}
ul#nav{
z-index:10;
height:auto;
padding: 0 40px !important;
margin: 12 0;}

#nav ul.visible {
    display: block;}

ul.menu-desplegable visible{
z-index:999;}	

.menu-desplegable{
	/*background-color: #FF6600;
	border: 1px solid #CC3300;
	z-index: 3;
	visibility: inherit;
	list-style-type: none;*/
}
ul.menu-desplegable.visible{
z-index: 999;
position: relative;

}
#lista {
	width:150px;
	position: absolute;
	right: 160px;
}
ul.menu-desplegable-privado #privados, #lista ul.menu-desplegable.visible {
	visibility: visible;
	z-index: 999;
}
ul.menu-desplegable-privado #privados a, #lista ul li{
	display: list-item;
	background-color: #f5812b;
	width: 130px;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-size: 14px;
	line-height: 31px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #838c96;
}
ul.menu-desplegable-privado #privados a:hover, #lista ul li{
	display: list-item;
	background-color: #f5812b;
	width: 130px;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Arial;
	font-size: 14px;
	line-height: 31px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #838c96;
	text-transform: inherit;
}


ul.menu-desplegable-privado #privados {
	width:150px;
	position: absolute;
	top: 30px;
}

ul.menu-desplegable-privado #privados a .texto-serviciospriv{
	color: #CCCCCC;
}

/*****************************************/
/**    PERFIL USUARIO    **/
/*****************************************/

.perfilu{ background:#ffffff!important;}
.perfilu .miperfilpriv, .perfilu .container ul li a.miperfilpriv, .perfilu .container ul li a.miperfilpriv:hover {/*background: url(/servicios/arte/icono-loguin_g.png) no-repeat left top !important;*/}
