@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700italic);

#updpnlmain #divCHeader{
	float: left;
    height: 100%;
    width: 100%;
	max-width:1280px;
}
#divUsuario {
float: left;
    padding-left: 0;
    padding-top: 0;
    width: auto;
}
#divUsuario a{color:#FFF;}
#updpnlmain #page_topbar {
	background: url("/../img/header_bg.gif") repeat-x scroll 0 0 #FFFFFF;
    float: left;
    height: 91px;
    padding: 0;
    width: 100%;
}

/*CIA*/
#divLogo {
	float: left;
    left: 8%;
    position: relative;
    text-align: left;
    top: 10%;
    width: auto;
}
#divLogo .spnLogoCIA img{
    height: 66px;
    width: 22em;
    cursor: pointer;
}
#divTopIntranet #divLogo {
	float: left;
    left: 1%;
    margin-top: 10px;
    top: 0;
}
#divLogo2 {
	display: none;
}
/*Titulo*/
#divTittle{
    float: left;
    left: -10% !important;
    position: relative;
    text-align: left;
    top: 65%;
    width: auto;
}
#divTittle h1{
    color: #1C7BC3;
    font-family: 'Ubuntu',sans-serif;
    margin: 0px -18px -18px 20px;
    text-align: left;
	display:block;
    left:2%;
    top:60%;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.6em;
}
#divTittle a, #divOpcionesMobil, #h1TitleMobile {
	display:none;	
}
#divTopIntranet #divTittle{
	float: left;
    left: 2% !important;
    position: relative;
    text-align: center;
    top: 0;
    width: 70%;
}
#h1Title {
	color: #1C7BC3;
    font-family: 'Ubuntu',sans-serif;
    margin: 0px -18px -18px 20px;
    text-align: left;
	display:block;
    left:2%;
    top:60%;
	margin-left:-37% !important;
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.6em;
}
#divTopIntranet #divTittle #divTipoProd{
	color: #FFFFFF;
    float: right;
    font-weight: bold;
    margin-top: 3%;
    text-align: left;
    width: 30%;
}
#divCBottomBar .icoTitle {
    color: #1C7BC3;
}
/*Redes sociales*/
#divSocial{	
    float: right;
    padding-right: 10px;
    position: relative;
    top: 15%;
    width: auto;
}
#divSocial #divSocialNet{
	float: right;
    margin-bottom: 15px;
    width: auto;
}
#divSocial #divSocialNet .spnLogoCompartenos{
    background: url("/../img/compartenos.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 41px;
    margin-left: 5px;
    margin-right: 5px;
    width: 176px;
    margin-top: -5px;
}
#divTopIntranet #divSocial {
    padding-right: 0;
    right: 2%;
    top: 2%;
    width: auto;
}
#divTopIntranet #divSocial #divSocialNet{
    margin-bottom: 0;
    margin-top: 4%;
}
#divSocial #divSocialNet .spnLogoFB{
	background: url("/../img/fb-icon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 33px;
    margin-left: 5px;
    margin-right: 5px;    
    width: 33px;
}
#divSocial #divSocialNet .spnLogoTweet{
	background: url("/../img/twittericon.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 33px;
    margin-left: 5px;
    margin-right: 5px;
    width: 33px;
}
/*Login*/
#divSocial  #divLogin{
	clear: both;
    color: #919691;
    float: right;
    text-align: right;
}
#divSocial  #divLogin span{}
#divSocial  #divLogin span label{}
#divSocial  #divLogin span a{
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}



/*Usuario*/
#divMUsuario{
	float: left;
    left: 5%;
    padding: 2px 5px 5px;
    position: relative;
    text-align: right;
    top: 95%;
    z-index: 5000;
}
#divMUsuario div.tblUsuario,
#divMUsuario div.tblUsuario table{
	float:right;
}
.login .login-box {
	float: left;
    height: auto;
    margin: 0 auto;
    text-align: left;
    width: 190px;
}
.login .login-box .form-login .button {
	background: url("/../img/btn_recupera2.png") no-repeat scroll 0 0 #3C8EB9;
    border: medium none;
    color: #FFFFFF !important;
    display: block;
    float: left;
    font-size: 10px !important;
    font-weight: normal;
    margin: 2px 0 0;
    padding: 5px 0;
    text-shadow: none !important;
    width: 75px;
}
.login .login-box .form-login #abtnAccess{
	padding-left: 12px;
}
.login .login-box .form-login .aLnkNoAcces {
	color: #FFFFFF;
    float: right;
    font-size: 10px;
    margin-left: 5px;
    text-align: center;
    width: 85px;
}
.login .login-box .form-login{
    float: left;
    margin-bottom: 5px;
    padding-left: 2px;
    padding-right: 2px;
    width: auto;
}
.login .login-box .form-login label{
	color: #FFFFFF;
    display: block !important;
    float: none;
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 3px;
    text-align: center;
}
.login .login-box .form-login input[type="text"], .login .login-box .form-login input[type="password"]{
	color: #27A0D2;
    font-size: 12px;
    height: 14px !important;
    margin-bottom: 8px;
    padding: 4px 4px 4px 10px;
    width: 90% !important;
}
#divMUsuario div.tblUsuario{	
    background-color: #919691;/*#2DC1FF;*/
    margin-top: 0;
    z-index: 10000;
}
#divMUsuario div.tblUsuario table{	width:auto;
 	border:1px solid gray
	}	
#divMUsuario div.tblUsuario table td.tdDatos{
	vertical-align:middle;
	padding-right: 10px;
}
#divMUsuario div.tblUsuario table td.tdDatos ul li{
	margin-bottom:1px;
    margin-top: 3px;	
}
#divMUsuario div.tblUsuario table td.tdDatos ul li.actions span{
    margin-left: 6px;
}
#divMUsuario div.tblUsuario table td.tdImage{
    margin-bottom: 2px;
    padding-bottom: 2px;
    text-align: center;
    width: 33%;
}
#divMUsuario div.tblUsuario table td.tdImage .liimgUser img{	width:50px;
	height:50px;
}
#divMUsuario div.tblUsuario table td.tdImage ul li{
    margin-bottom: 1px;
    margin-top: 3px;
}
#divMUsuario div.tblUsuario table td.tdImage a#aChangeImageUser{ font-size:13px;
	}
#ulMenuSub ul{
    margin-top: 5px;
}
#ulMenuSub ul li{}
#ulMenuSub ul li.odd{}
#ulMenuSub ul li a{
    margin-right: 15px;
	font-size:15px;
}

/*	Menu Superior	*/
#divMainMenu{
    background: url("/../img/topmenu_normal2.jpg") repeat-x scroll 0 0 #F5F5F5;
    float: none;
    left: 7%;
    margin-bottom: 0;
    margin-top: 5px;
    opacity: 0.9;
    position: relative;
    width: 75%;
	z-index:0;
}
#ulMainMenu li{
	float:left;
}
#ulMainMenu li .cont a{
    color: #316A98;
    font-size: 13px;
    font-weight: normal;
    height: 22px;
    margin-left: 17px;
    padding: 8px 4px 0;
    text-decoration: none;
}
#ulMainMenu li .cont a.current{
	background-color: #2DC1FF;
	color:#FFFFFF;
}
#ulMainMenu li div.cont:hover a{
	background-color:#2DC1FF;
	color:#FFFFFF;	
}
.line {
    display: block;
    float: left;
    left: 0;
    position: relative;
    top: 0;
    z-index: 0;
	height: 0;	
}
.line1{
	height: 0;	
}
.line2{
	height: 0;	
}
.line div {
    position:absolute;
    left: 0px; top: 0px;
    border-style: solid;
}
.line .line-izq{
    border-bottom-color: #FFFFFF;
    border-left-color: #F2F2F2;
    border-width: 0 0 30px 15px;
heigth:0px;	
}
.line .line-der{
    border-bottom-color: #E5E5E5;
    border-left-color: transparent;
    border-width: 0 0 30px 15px;
    left: 2px;
heigth:0px;	
}
.line .line-izq-hover-2{
    border-bottom-color: #FFFFFF;
    border-left-color: #2DC1FF;
    border-width: 0 0 30px 15px;
heigth:0px;	
}
.line .line-der-hover-2{
    border-bottom-color: #E5E5E5;
    border-left-color: transparent;
    border-width: 0 0 30px 15px;
    left: 2px;
heigth:0px;	
}
.line .line-izq-hover-1{
    border-bottom-color: #FFFFFF;
    border-left-color: #F2F2F2;
    border-width: 0 0 30px 15px;
heigth:0px;	
}
.line .line-der-hover-1{
    border-bottom-color: #2DC1FF;
    border-left-color: transparent;
    border-width: 0 0 30px 15px;
    left: 2px;
height:0px;	
}
.line .line-izq-hover-3{
    border-bottom-color: #FFFFFF;
    border-left-color: #2DC1FF;
    border-width: 0 0 30px 15px;
heigth:0px;	
}
.line .line-der-hover-3{
    border-bottom-color: #2DC1FF;
    border-left-color: transparent;
    border-width: 0 0 30px 15px;
    left: 2px;
heigth:0px;	
}

/* menu con flechas */
#ulMainMenu li#liAddMenu ul li.arrow p{
    background: url("/../img/ico-close.png") no-repeat scroll 0 10px transparent;
    float: left;
    margin: 0;
    padding-left: 15px;
	
}

/*	responsve para 1024*/
@media screen and (max-width: 1024px) {
#divTopIntranet #divTittle{
    width: 65%;
}



}

/*Estilo del autoocomplete*/
.ui-autocomplete {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
    width: 500px !Important;
}
.ui-autocomplete {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ui-autocomplete li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
    if width will be 100% horizontal scrollbar will apear 
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /* 
    it is very important, if line-height not setted or setted 
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}
.ui-autocomplete .ac_loading {
    background: white url('/img/indicator.gif') right center no-repeat;
}
.ui-autocomplete li:nth-child(odd) {
    background-color: #eee;
}
.ui-autocomplete li:hover {
    background-color: #0A246A;
    color: white;
}
.ui-autocomplete li:hover a {
    color: white;
}