body {background-color:#E1F6FB;}

/* background image */
img.bg {min-height:100%; min-width:1024px; width:100%; height:auto;	position:fixed; top:0; left:0; z-index:-100;}
@media screen and (max-width: 1024px) {
	img.bg {
		left: 50%;
		margin-left: -512px;
	}
}

/* 1200px --- */
@media (min-width: 1200px) {
	.menuItemBorder {border-right:1px solid #e5e5e5;}
	.menuItemBorder a:hover {background-color:#85DDF2 !important;}
	#containerIdiomas2 {display:none;}
	#containerFooterInner {width:1170px;}
	#divSocial {padding:10px 0; margin-top:20px; border-right:1px solid #fff; border-left:1px solid #fff;}
	#logoDELAFARMA {text-align: left;}
	#logoDELAFARMA img {width:70px; margin-left: 25px; z-index: 1000; position: relative;}
	.navbar-default {background-color: #cc3200; top: -40px;}
	.navbar-default .navbar-nav>li>a {color: #fff !important; padding: 15px 14px;}
	.navbar-default .navbar-nav>li>a:hover {color: #000 !important;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #000 !important;}
	ul.navbar-nav {margin-left: 85px;}
	
	.dropdown-menu {background-color:#CAF0F9 !important; border: 1px solid #85DDF2;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:#85DDF2 !important;}
	.dropdown-menu .divider {background-color: #85DDF2;}
}

/* 992 --- 1200px */
@media (min-width: 992px) and (max-width:1199px) {
	.menuItemBorder {border-right:1px solid #e5e5e5;}
	.menuItemBorder a:hover {background-color:#85DDF2 !important;}
	#containerIdiomas2 {display:none;}
	#divSocial {padding:10px 0; margin-top:20px; border-right:1px solid #fff; border-left:1px solid #fff;}
	#logoDELAFARMA img {width:70px; margin-left: 25px; z-index: 1000; position: relative;}
	.navbar-nav>li>a {padding: 15px 8px; font-size: 12px;}
	.navbar-default {background-color: #cc3200; top: -40px;}
	.navbar-default .navbar-nav>li>a {color: #fff !important;}
	.navbar-default .navbar-nav>li>a:hover {color: #000 !important;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #000 !important;}
	ul.navbar-nav {margin-left: 85px;}
	
	.dropdown-menu {background-color:#CAF0F9 !important; border: 1px solid #85DDF2;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:#85DDF2 !important;}
	.dropdown-menu .divider {background-color: #85DDF2;}
}

/* 768 --- 992px */
@media (min-width: 768px) and (max-width:991px) {
	.menuItemBorder {border-right:1px solid #e5e5e5; font-size:8pt;}
	.menuItemBorder a:hover {background-color:#85DDF2 !important;}
	#containerIdiomas {display:none;}
	#divSocial {padding:10px 0; margin-top:20px; border-right:1px solid #fff; border-left:1px solid #fff;}
	#imgHeader img {display:none;}
	#logoDELAFARMA img {width:70px; margin-left: 25px; z-index: 1000; position: relative;}
	.navbar-nav>li>a {padding: 15px 3px; font-size: 9px;}
	.navbar-default {background-color: #cc3200; top: -40px;}
	.navbar-default .navbar-nav>li>a {color: #fff !important;}
	.navbar-default .navbar-nav>li>a:hover {color: #000 !important;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #000 !important;}
	ul.navbar-nav {margin-left: 85px;}
	
	.dropdown-menu {background-color:#CAF0F9 !important; border: 1px solid #85DDF2;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color:#85DDF2 !important;}
	.dropdown-menu .divider {background-color: #85DDF2;}
}

/* --- 768px */
@media (max-width:767px) {
	.menuItemBorder {border-bottom:1px solid #e5e5e5;}
	.menuItemBorder a:hover {background-color:#e5e5e5 !important;}
	#containerIdiomas {display:none;}
	#containerIdiomas2 {display:none;}
	#divSocial {width:65%; margin:0 auto; padding:15px 0 20px 0; margin-top:20px; border-top:1px solid #fff; border-bottom:1px solid #fff;}
	#logoDELAFARMA img {width:100px;}
	h1 {font-size:16pt;}
	#inicioSesionHeader {text-align: center !important; margin-right: 0 !important;}
	#logoDELAFARMA {text-align: center;}
	.imgUserContent {display:none;}
	.crearCuenta {margin-bottom:10px;}
	#containerContent {top: 0px !important; padding: 0 !important;}
	#contenedorGeneralMovil {padding: 0 !important;}
	.mesVacaciones {width: 218px; margin: 0 auto;}
	.navbar-default {background-color: #f5f5f5; top: 10px;}
	.navbar-default .navbar-nav>li>a {color: #777 !important;}
	.navbar-default .navbar-nav>li>a:hover {color: #000 !important;}
	.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #000 !important;}
}

.lato300 {font-family:'Lato', sans-serif; font-weight:300;}
.lato400 {font-family:'Lato', sans-serif; font-weight:400;}
.lato900 {font-family:'Lato', sans-serif; font-weight:900;}
.fontSize8 {font-size:8pt;}
.fontSize9 {font-size:9pt;}
.textAlignCenter {text-align:center;}
.textAlignRight {text-align:right;}
.textDecorationUnderline {text-decoration:underline;}

.floatLeft {float:left;}
.margin10 {margin:10px;}
.marginTop5 {margin-top:5px;}
.marginLeft30 {margin-left:30px;}

#containerHeader {margin-top:5px;}
	#backgroundHeader {}
		#buttonInicioSesion {}
.crearCuenta {font-size:9pt;}
.crearCuenta a {text-decoration:underline; color:#666;}
#containerIdiomas, #containerIdiomas {float:right;}
#containerIdiomas div, #containerIdiomas2 div {text-align:center; width:30px; float:right; margin-top:5px;}
#containerIdiomas div.opacity03, #containerIdiomas2 div.opacity03 {opacity:0.3;}
#containerIdiomas div.opacity03:hover, #containerIdiomas2 div.opacity03:hover {opacity:1;}
#containerIdiomas a, #containerIdiomas2 a {font-size:10pt; text-decoration:none; color:#666;}
#containerIdiomas2 {margin-right:20px; float:right;}

#containerContent {min-height:500px; padding:20px; background-color:#fff; opacity:0.95; border:1px solid #e5e5e5; top: -70px; position: relative;}

#containerFooter {background-color:#666; margin-top:20px; color:#fff; padding:15px 15px 35px 15px;}
	#containerFooterInner {margin:0 auto;}
	#containerFooterInner a {color:#fff; font-size:10pt; text-decoration:underline;}
		#divSocial img {width:24px;}
	#containerNewsletter {padding-left:25px; padding-right:50px;}
	.containerFooterTitle {font-size:13pt; border-bottom:1px dotted #fff; margin-bottom:5px;}
	.containerFooterText {margin-top:5px;}



.floatRight {float:right;}
.separador5 {height:5px;}
#inicioSesionHeader {text-align:right; margin-right: 25px;}
.separadorUser {border-top:1px dotted #ccc; margin:10px 0;}


h1 {font-family:'Open Sans', sans-serif; font-weight:400; border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:5px; font-size: 15pt;}
.containerContentHome {background-color:#fff; min-height:500px; border:1px solid #e7e7e7; padding:15px;}
/*.containerContentHome img {float:left; margin:0 15px 15px 0;}*/
.containerBanner1Home {background-color:#ccc; height:200px;}
.containerBanner1Home img {width:100%;}
.separador15 {height:15px;}
#imgHeader img {width:90%;}
.fontSize9 {font-size:9pt;}
.containerBannerHorizontal {background-color:#cfc; border:1px solid #e7e7e7; height:100px; margin-top:15px; font-size:50pt}
#noticiasBannerContent {background-color:#fff; border:1px solid #e7e7e7; min-height:300px; text-align:center; font-family:'Open Sans', sans-serif; font-weight:800; padding-top:15px;}
.popover {width: 255px;}

/* registros */
label {font-size:9pt; font-weight:bold;}
.paddingLeftRight15 {padding-left:15px; padding-right:15px;}
.colorBlue {background-color:#e2f7fc !important;}
.colorLightBlue {background-color:#fbfeff !important;}
.colorOrange {background-color:#ffedca !important;}
.colorLightOrange {background-color:#fffdfa !important;}
.colorGreen {background-color:#d9ffd9 !important;}
.colorLightGreen {background-color:#fbfffb !important;}
.panel-heading {font-family:'Open Sans', sans-serif; font-weight:400;}
.fechaSelect {width:auto; display:inline;}
.fechaSelect100 {width:100%; display:inline;}
.anadirLinea {margin-left:35px;}
.lineaFormacionReglada {border-bottom:2px solid #ccc;}
div.checkbox label {font-size:11pt;}

/* noticias */
.width100 {width:100%;}
.marginTop0 {margin-top:0 !important;}
.noticiaItem {float:left; background-color:#f5f5f5; margin-top:15px; border:1px solid #e7e7e7; padding:15px;}
.noticiaItem a {text-decoration:none; color:#333;}
.noticiaItem a:hover {color:#999;}
.noticiaFecha {float:left; background-color:#999; color:#fff; padding:5px; font-family:'Open Sans', sans-serif; font-weight:300; font-size:18pt;}
.noticiaTitulo {float:left; margin-left:15px; border-bottom:1px dotted #999;}
.noticiaTitulo h2 {float:left; font-family:'Open Sans', sans-serif; margin-top:11px; font-weight:400; font-size:15pt;}
.noticiasLeerMas {float:right; border:1px solid #e7e7e7; background-color:#fff; padding:5px;}
.noticiaContenido {float:left; width:100%; margin-top:15px;}
.noticiaVolver {float:left; border:1px solid #e7e7e7; background-color:#fff; padding:5px; margin-top:25px;}
a.decorationNone {text-decoration:none; color:#333;}
a.decorationNone:hover {color:#999;}
.tituloLineas {width: 100%; background-color: #eee; padding: 5px; margin: 20px 0 10px 0;}

/* version original */
/* color principal: #cc3200 */
TD.celda {font-family: Trebuchet MS; font-size: 10pt; font-weight:bold; color:#FFFFFF;}

.contTablaForm TD {padding: 2px;}
INPUT.campo {border:1px solid #9CBBD1; font-family: Trebuchet MS; font-size: 10pt;}
INPUT.boton {font-family: Arial; font-size: 9pt;}
INPUT {font-family: arial; font-size: 9pt;}
SELECT {font-family: Arial; font-size: 9pt;}
TEXTAREA {font-family: Arial; font-size: 9pt;}
TABLE.tablaerror {border:1px solid #6a6a6a; background-color:#F7F7F7;}
TABLE.tablaerror TD {padding:4px; font-family: Arial; font-size: 9pt; font-weight:bold; color: #FF0000;}
TD {font-family: Arial; font-size: 9pt; color:#4D4D4D;}
TD.titulo {font-family: Arial; font-size:24pt; font-weight:bold; letter-spacing:-1px; color: #cc3200;}


/*
.contEnlaces {float: left;}
	.ico {float:left; height:23px; padding-top:7px; padding-left:12px; padding-right:5px;}
	.link_ico {float:left; height:22px; padding-top:8px;}
		.link_ico a {text-decoration:none; color:#cc3200;}
		.link_ico a:hover {text-decoration:underline; color:#cc3200;}
*/


.contEnlaces {float: left; border: 1px solid #ccc; border-radius: 5px; margin-left: 10px; background-color: #f8f8f8;}
	.ico {float:left; padding-left: 8px; padding-top: 6px;}
	.link_ico {float:left;}
		.link_ico a {text-decoration:none; color:#333; padding: 8px 8px 8px 5px; display: inline-block;}
		.link_ico a:hover {text-decoration:underline; color: #666;}

/* estilos para o menu */
.ico_menu {float:left; width:16px; height:23px; padding-top:7px; padding-left:12px; padding-right:10px;}
.link_ico_menu {float:left; height:22px; padding-top:8px;}
	.link_ico_menu a {text-decoration:none; color:#cc3200;}
	.link_ico_menu a:hover {text-decoration: underline; color:#cc3200;}
.link_ico_menu_selected {float:left; height:22px; padding-top:8px;}
	.link_ico_menu_selected a {text-decoration: underline; color:#cc3200;}

A.sub2:link {font-family: Arial; font-size: 9pt; text-decoration: none; color: #cc3200;}
A.sub2:visited {font-family: Arial; font-size: 9pt; text-decoration: none; color: #cc3200;}
A.sub2:hover {font-family: Arial; font-size: 9pt; text-decoration: underline; color: #cc3200;}
A.sub2:active {font-family: Arial; font-size: 9pt; text-decoration: none; color: #cc3200;}

TD.cabecera {font-family: Trebuchet MS; font-size:9pt; font-weight: bold; background-color: #cc3200; color: #FFFFFF; height:25px;}
TR.fila1 {background-color:#F2F2F2; height:25px;}
TR.fila2 {background-color:#E6E6E6; height:25px;}
TD.fila1 {background-color:#F2F2F2; padding-left: 5px; height:25px;}
TD.fila2 {background-color:#E6E6E6; padding-left: 5px; height:25px;}
TR.filah {background-color:#d3d3d3; height:25px;}
TD.cvacia {background-color: white;}
IMG.foto {background-color: #FFFFFF; padding:6px; border:1px solid #CCCCCC;}
.blanco {background-color: white; margin-top: 0px; margin-bottom: 1px; text-align:left; height:25px; border-bottom: 1px solid #cccccc;}

/* login de acceso */
.tablaLogin {background-color: #cc3200;border:1px solid #000000;}
.tablaLogin .tdLogo {background-color: #FFFFFF;text-align: center;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #000000;}
.tablaLogin .tdFormLogin {padding-top: 10px;padding-bottom: 10px;}

/* opcion de filtro seleccionada */
.option-selected {background-color: #fca2a2; padding: 2px 0px 2px 0px;}

.infoAyuda {
	padding: 10px; margin-top: 10px;
	
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
		box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
	}


/* agenda */
.cabeceraAgenda {text-align: center; height: 30px; padding: 15px; font-size: 18pt; font-family:'Open Sans', sans-serif; font-weight:800; background-color: #f8f8f8; color: #333;}
.mesVacaciones .cabeceraAgenda {background-color: #cc3200; color: #f8f8f8; padding: 5px;}
.backgroundColorBlanco {background-color: #ececec; color: #333;}
.cabeceraAgenda a {color: #000000; text-decoration: none;}
.cabeceraAgenda a:hover {color: #000000; text-decoration: underline;}
.cabeceraDia {font-family:'Open Sans', sans-serif; font-weight:800; text-align: center; font-size: 10pt; padding: 5px; color: #fff; height: 20px; min-width: 80px; background-color: #cc3200;}
.dia {text-align: center; padding: 5px; height: 100px; border: 1px inset #ccc;}
.mesVacaciones .dia {border: 0; border-bottom: 1px inset #ccc; padding: 2px;}
.diaSelected {background-color: #f8f8f8; text-align: center; padding: 5px; height: 75px; color: red; font-weight: bold;}
.mesVacaciones .diaSelected {background-color: #fff; padding: 2px;}
.bordeNegro {border: 1px solid #666 !important; text-align: center; height: 30px; font-weight: bold;}
.mesVacaciones .bordeNegro {border: 0 !important; border-bottom: 1px inset #ccc !important;}
.aNegro {font-family:'Open Sans', sans-serif; font-weight:400; color: #333; padding: 5px 8px; font-size: 11pt; text-decoration: none;}
.aRojo {font-family:'Open Sans', sans-serif; font-weight:400; padding: 5px; color: red; font-size: 11pt; text-decoration: none;}
.mesVacaciones .aRojo {background-color: #e8ea3c; border-radius: 100px; display: inline-block; width: 30px; color: #fff;}
.mesVacaciones .aNegro {border-radius: 100px; display: inline-block; width: 30px;}
.aNegro:hover {text-decoration: none; color: #333;}
.aRojo:hover {text-decoration: none; color: #fff;}
.conEventos {background-color:#ecffec;}
.contEventosDia {float: left; width: 100%; overflow: hidden; color: #000000; font-weight: 100;}
.contEventosDiaExt {position: absolute; left: 0px; float: left; width: 100%; padding: 10px; background-color: #ededed;}
.eventDiaItem {background-color: #2E8B57; margin-top: 5px;}
.eventDiaItem a {color: #fff; padding: 4px 5px 2px 5px; display: inline-block;}
.modal-title {font-family:'Open Sans', sans-serif; font-weight:800; color: #666; text-align: center; font-size: 18pt;}

.link_usuario_cabecera {text-decoration: none; color:#666;}
.link_usuario_cabecera:hover {text-decoration:underline; color:#666;}

/* agenda en cuadrícula */
.cabeceraAgendaCuadricula {border: 1px solid #ccc; text-align: center; height: 30px; padding: 18px; font-size: 10pt; font-family:'Open Sans', sans-serif; font-weight:400; background-color: #f8f8f8;}
.cabeceraAgendaCuadricula a {color: #000000; text-decoration: none;}
.cabeceraAgendaCuadricula a:hover {color: #000000; text-decoration: underline;}
.diaCuadricula {text-align: center; padding: 5px; height: 25px; border: 1px inset #ccc;}
.diaSelectedCuadricula {background-color: #f8f8f8; text-align: center; padding: 5px; height: 25px; color: red; font-weight: bold;}
.aNegroCuadricula {font-family:'Open Sans', sans-serif; font-weight:400; color: #333; padding: 5px 8px; font-size: 10pt; text-decoration: none;}
.aRojoCuadricula {font-family:'Open Sans', sans-serif; font-weight:400; padding: 5px; color: red; font-size: 10pt; text-decoration: none;}
.bordeNegroCuadricula {border: 1px solid #666 !important; text-align: center; height: 25px; font-weight: bold;}


.dropdown .glyphicon {color: #cc3200; font-size: 8pt;}

/* vacaciones */
.mesVacaciones {margin-bottom: 25px; height: 238px;}
.mesVacaciones .dia {height: 15px; width: 15px !important;}
.mesVacaciones .cabeceraDia {min-width: auto; background-color: #fff; color: #333;}
.mesVacaciones .cabeceraAgenda {font-size: 12pt;}

/* colores */
.tdVerde {background-color: #4ca490; color: #FFFFFF;}
	.tdVerde a {color: #FFFFFF;}
.tdAzul {background-color: #0892a5; color: #FFFFFF;}
.tdMorado {background-color: #b160f5; color: #FFFFFF;}
.tdRojo {background-color: #cc3200; color: #FFFFFF;}
.tdRojoBrillante {background-color: #f4060b; color: #FFFFFF;}
.tdNaranja {background-color: orange; color: #FFFFFF;}

/* calendario de eventos */
.contCompanerosDia {float: left; width: 100%; margin-top: 5px;}
.companeroDia {width: 100%; border: 1px solid #000000;}