@CHARSET "ISO-8859-1";

/*** HACK CSS3 PARA EXPLORER 6 a 8 **/
.css3 {
	behavior: url(com/dinamon/php/css/PIE.htc);
	/* z-index:10000; */
	position:relative;
}

/*** 
1. ESTILOS GENERALES
	1.1 Enlaces
	1.2 Encabezados
2. LAYOUT
3. HEADER
	3.1 Login de usuario top
	3.2 menu superior
4. FOOTER
5. HOME 
	5.1 Imagenes Showcase
	5.2 Otros Servicios 
6. PAGINAS DE SERVICIO
	6.1 Slider top
	6.2 Página LOPD
	6.3 Pagina Quienes Somos 
	6.4 Pagina general de servicios
	6.5 Pagina de contacto
7. PAGINAS FORMULARIO
8. LEFT BAR
9. RIGHT BAR
	9.1 Contacto
	9.2 FAQ
	9.3 Login Box
	9.4 Contratar Box
	9.5 Cajas contenido
	9.6 Otros servicios
10. FORMULARIOS
	10.1 Botones
11. AREA DE USUARIOS
	11.1 Dashboard Showcase
	11.2 Pagina de noticias
12. CLASES ESPECIALES
***/


/**** 1. ESTILOS GENERALES *****/
html {background: #e4e3e3;}
html body{margin:0 auto;background-color: #e4e3e3;font-family: 'Cabin', sans-serif;}
body {color: #000000;font-size: 12px;}
* { margin: 0;padding: 0;}

	/**** 1.1 ENLACES *****/
	a img, a:visited img, a:link img {border:none;}
	
	/**** 1.2 ENCABEZADOS *****/
html body div#content div#body_content h1{
	font-size:22px;*font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:100%
}
html body div#content div#body_content h2{font-size:16px;margin-bottom:15px;}
html body div#content div#body_content h2{font-weight:bold;}
html body div#content div#body_content h3{font-size:14px;font-weight:bold;}

/**** 2. LAYOUT  ****/
html body div#body_wrapper{width:861px;margin-left:auto;margin-right:auto;}
html body div#content{margin:0 auto;background-color: #fff;width:828px;*width:827px; display: flex;}
html body div#body_content {min-height: 450px;padding: 0 0 0 10px;}
html body div#content div#body_content .main-content{width:526px;float:left;color:#313131;margin-top:10px;}
html body div#content div#body_content .main-content p{margin-bottom:15px;}
html body div#content div#body_content .right-bar {
	width:257px;
	float:right;
	margin-left: 10px;
}
html body div#content div#body_content .left-bar{width:220px;float:left;}

/**** 3. HEADER *****/
html body div#body_wrapper div#header {
    height: 100px;
    margin: 0 auto;
    width: 828px;
	padding:0 10px 0;
	background-color: #fff;
	position:relative;
}
html body div#body_wrapper div#header div#logo{width: 240px;height: 65px;position:absolute;top:25px;}
html body div#body_wrapper div#header .social-logos{position:absolute;top:40px;right:20px;color:#666;}
html body div#body_wrapper div#header .social-logos img{margin-left:5px;}
	
	/********* 3.1 LOGIN DE USUARIO TOP ***************/
	html body div#body_wrapper div#header div#userarealogin {position:absolute;right:12px;top:5px;}
	html body div#body_wrapper div#header div#userarealogin  li{
		list-style:none;font-weight:bold;font-size:12px;text-align:right;float:left;margin-left:10px;
	}
	html body div#body_wrapper div#header div#userarealogin  li button, 
	html body div#body_wrapper div#header div#userarealogin  li a {
		text-decoration:none;
		padding-left:9px;
	}
	html body div#body_wrapper div#header div#userarealogin  li form.logout button {
		color:#666;
		background: url("../img/bullet-logintitle.png") no-repeat left center;
		border: none;
	}	
	/**** 3.2 MENU SUPERIOR ****/
	
	html body div#body_wrapper div#header div#nav-top{
		text-align:right;margin-right:12px;width:320px;float:right;margin-top:105px;font-size:11.5px;
	}
	
html body div#body_wrapper div#header div#nav-top ul{
	float:right;
	margin-bottom: 0px;
}
html body div#body_wrapper div#header div#nav-top ul li {
	float:left;
	margin: 0 0 0 25px;
	list-style:none;
	color:#FFF;
	height:31px;
}
html body div#body_wrapper div#header div#nav-top ul li.active > a {
	color:#FFF;
}
html body div#body_wrapper div#header div#nav-top ul li .separador{
	margin-left:15px;
}
		
			/*html body div#body_wrapper div#header div#nav-top ul li.active{
				background: url("../img/indicador-menu.png") no-repeat bottom center; }*/
			
				html body div#body_wrapper div#header div#nav-top ul li a:hover{text-decoration:underline;}
	
/****4. FOOTER****/
	html body  div#footer-wrapper div#footer {margin:0 auto;font-size:8px;padding-top:15px;line-height:14px;padding-bottom:10px;}
		html body  div#footer-wrapper div#footer img{margin-right:8px;margin-top:8px;}
		html body  div#footer-wrapper div#footer div.companyinfo{text-align:center;}

/**** 5. HOME ****/
html body div#content div#body_content .main-content .showcase {
	background: url("../img/showcase2.png") no-repeat scroll center top transparent;
	float: left;
    height: 180px;
    padding: 15px;
    position: relative;
    width: 260px;
    margin-bottom:20px;
    color:#313131;
    font-weight:bold;
}
html body div#content div#body_content  .main-content .showcase-left{float:left;}
html body div#content div#body_content  .main-content .showcase-right{float:right;}
html body div#content div#body_content  .main-content .showcase h2, 
html body div#content div#body_content  .main-content .showcase a {
	background:none;
	text-decoration:none;
	padding:0;
	margin-bottom:0px;
	font-size: 16px;
	color: #595959;
	display: contents;
}
		html body div#content div#body_content  .main-content .showcase h4{
			float: right;font-size: 12px;line-height: 120%;margin-top: 10px;width: 135px;
		}
		html body div#content div#body_content  .main-content .showcase img{
			float: left;width:96px;margin-left:-5px;margin-top:2px;
		}
html body div#content div#body_content  .main-content .showcase .subclaim{
	color:#FFF;
	position:absolute;
	text-align:center;
	bottom:3px;
	width: 230px;
	text-transform:uppercase;
	font-size:11px;
	font-weight:normal;
}

/**** 6. PAGINAS DE SERVICIO ****/

	/**** 6.1 slider top ****/
html body div#content div#body_content  .main-content .featured{
	width:100%;height:305px;position:relative;margin-bottom:30px;
}
		
html body div#content div#body_content  .main-content .featured-home1 {
	background:url("../img/services/featured-home1.jpg") no-repeat;
	margin-bottom:30px;
}
html body div#content div#body_content  .main-content .featured-home2 {
	background:url("../img/services/featured-home2.jpg") no-repeat;
	margin-bottom:30px;
}
html body div#content div#body_content  .main-content .featured-home3 {
	background:url("../img/services/featured-home3.jpg") no-repeat;
	margin-bottom:30px;
}
html body div#content div#body_content  .main-content .featured-home4 {
	background:url("../img/services/featured-home4.jpg") no-repeat;
	margin-bottom:30px;
}	
			
html body div#content div#body_content .main-content .featured-lopd1 {
	background:url("../img/services/featured-lopd1.jpg") no-repeat;margin-bottom:20px;
}
html body div#content div#body_content  .main-content .featured-lopd2 {
	background:url("../img/services/featured-lopd2.jpg") no-repeat;
	margin-bottom:20px;
}
html body div#content div#body_content .main-content .featured-lopd3 {
	background:url("../img/services/featured-lopd3.jpg") no-repeat;
	margin-bottom:20px;
}
			
		html body div#content div#body_content  .main-content .featured-prl1{
		background:url("../img/services/featured-prl1.jpg") no-repeat;margin-bottom:20px;
		}
		html body div#content div#body_content  .main-content .featured-prl2{
		background:url("../img/services/featured-prl2.jpg") no-repeat;margin-bottom:20px;
		}
		html body div#content div#body_content  .main-content .featured-prl3{
		background:url("../img/services/featured-prl3.jpg") no-repeat;margin-bottom:20px;
		}
		
		html body div#content div#body_content  .main-content .featured-consultas1{
			background:url("../img/services/featured-consultas1.jpg") no-repeat;margin-bottom:20px;
			}
		html body div#content div#body_content  .main-content .featured-consultas2{
			background:url("../img/services/featured-consultas2.jpg") no-repeat;margin-bottom:20px;
			}
		html body div#content div#body_content  .main-content .featured-consultas3{
			background:url("../img/services/featured-consultas3.jpg") no-repeat;margin-bottom:20px;
			}
			
		html body div#content div#body_content  .main-content .featured-lssice1 {
			background:url("../img/services/featured-lssice1.jpg") no-repeat;margin-bottom:20px;
		}		
		html body div#content div#body_content  .main-content .featured-lssice2 {
			background:url("../img/services/featured-lssice2.jpg") no-repeat;margin-bottom:20px;
		}		
		html body div#content div#body_content  .main-content .featured-lssice3 {
			background:url("../img/services/featured-lssice3.jpg") no-repeat;margin-bottom:20px;
		}		

html body div#content div#body_content  .main-content .caption {
	background-image: linear-gradient(to top, #bbb, #eee);
	color: #313131;
	font-size: 15px;
	left: 0;
	line-height: 18px;
	min-height: 27px;
	padding: 12px;
	position: absolute;
	bottom:10px;
	width: 240px;
	border:1px solid #CCC;
	-moz-border-radius: 0 5px 5px 0;-webkit-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;
}

		html body div#content div#body_content  .main-content .featured-pack-lopd-prl1{
		background:url("../img/services/featured-pack-lopd-prl1.jpg") no-repeat;margin-bottom:20px;
		}
		html body div#content div#body_content  .main-content .featured-pack-lopd-prl2{
		background:url("../img/services/featured-pack-lopd-prl2.jpg") no-repeat;margin-bottom:20px;
		}
		html body div#content div#body_content  .main-content .featured-pack-lopd-prl3{
		background:url("../img/services/featured-pack-lopd-prl3.jpg") no-repeat;margin-bottom:20px;
		}
		html body div#content div#body_content  .main-content .featured-pack-lopd-prl4{
		background:url("../img/services/featured-pack-lopd-prl4.jpg") no-repeat;margin-bottom:20px;
		}		
		
		html body div#content div#body_content #tabs_container li.tabs {
			background: none;
			margin-bottom: 0;
		}
		
		html body div#content div#body_content #tabs_container li.tabs a h2 {
			margin-bottom: 0;
			font-weight: normal;
			font-size: 14px;
		}

		html body div#content div#body_content #tabs_container li.tabs.ui-tabs-selected a h2 {
			text-decoration: underline;
		}
		
		html body div#content div#body_content #tabs_container li.tabs.ui-state-hover a h2 {
			text-decoration: underline;
		}
		
		html body div#content div#body_content  .main-content .caption-small{font-size:13px;}
		
	
	/**** 6.2 Pagina LOPD ****/
		html body div#content div#body_content  .main-content .feature-list{			
			border:1px solid #a5a5a8;color:#666;padding:15px;font-size:12px;
			-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-top:22px;
			background: url("../img/bg-featured.png") repeat-y left center;
		}
		html body div#content div#body_content  .main-content .feature-list-bottom{			
			background: url("../img/shadow-featured.png") no-repeat left center;height:18px;
		}
		html body div#content div#body_content  .main-content .feature-list ul.half{padding-right:195px;}
		html body div#content div#body_content  .main-content ul li {
				background: url("../img/bullet-logintitle.png") no-repeat scroll 0 3px transparent;
				padding-left: 14px;
				margin-bottom:3px;
				list-style:none;
				text-align:justify;
				font-size: 12px;
			}
		html body div#content div#body_content  .main-content .feature-image{width:168px;float:right;
		-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;padding:2px;border:2px solid #DDD;}
		
			html body div#content div#body_content  .main-content .feature-list .feature-image p.img-foot{
				text-align:center;font-size:10px;
			}
		
	/*** 6.3 Pagina Quienes Somos ****/
		html body div#content div#body_content  .quienes-somos{line-height:140%;text-align:justify;width:500px;} 

		
	/*** 6.4 Pagina general de servicios ***/
			html body div#content div#body_content  .main-content .infoservicio{
				margin-bottom:30px;border:1px solid #DDD;background:#f6f7f9;padding:20px;margin-right:20px;
				-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
			}
			html body div#content div#body_content  .main-content .infoservicio h4{
				color:#313131;font-size:14px;line-height:110%;font-weight:bold;margin-bottom:15px;
			}
			html body div#content div#body_content  .main-content .infoservicio .showcase-img{width:100px;float:left;}
			html body div#content div#body_content  .main-content .infoservicio h2,
			html body div#content div#body_content  .main-content .infoservicio a,
			html body div#content div#body_content  .main-content .infoservicio a:link,
			html body div#content div#body_content  .main-content .infoservicio a:hover{
				font-size:18px;font-weight:bold;text-decoration:none;background:none;padding:0;margin-bottom:0;
			}	
			html body div#content div#body_content  .main-content .infoservicio a.masinfo{
				background: url("../img/services/mas-info.png") no-repeat scroll left center transparent;padding-left:23px;
				padding:2px 0 3px 23px;font-size:11px;font-weight:normal;
			}
			html body div#content div#body_content .main-content div#activeFaq {
				font-size: 12px;
				text-align: justify;
			}
			.descripcion-servicio{
				position:relative;font-size:12px;float:right;text-align:justify;width:350px;color:#313131;
			}
						
	/**** 6.5 Pagina de contacto ****/
	html body div#content div#body_content .contacto-top{
		height:68px;background: url("../img/contacto-top.png") no-repeat scroll center -5px transparent;padding:30px 20px 0 110px;
		}
	html body div#content div#body_content .mod-contacto{width:230px;}
		html body div#content div#body_content  h3.contact-form {font-size:140%;}
		html body div#content div#body_content .right-bar  .caja-lateral.caja-contacto{
		 font-size: 10px;padding: 5px 30px;
		}
		html body div#content div#body_content .caja-contacto .bloque-contacto{
			color:#595959;padding-left:25px;margin-top:5px;min-height:28px;}
			html body div#content div#body_content .caja-contacto .tlf{ background: url("../img/ico-tlf.png") no-repeat scroll left top transparent;padding-left: 45px;margin-top:10px;}
				html body div#content div#body_content .caja-contacto .tlf b{ font-size:160%;color:#AC1F2C;line-height:80%;}
			html body div#content div#body_content .caja-contacto .horario{background:url("../img/ico-horario.png") no-repeat top left;padding-left:45px;}
			html body div#content div#body_content .caja-contacto .mail{background:url("../img/ico-mail.png") no-repeat top left;padding-left:45px;padding-top:5px;}
			
			
/**** 7. PAGINAS FORMULARIO ****/
		html body div#content div#body_content .registro-top.contacto-top{
		margin-top:0;
		}
html body div#content div#body_content .registro-top .registro-title {
	color: #FFFFFF;
	font-size:14px;
	margin-bottom: 30px;
	width: 185px;
	text-align: center;
	padding-top: 3px;
}
	html body div#content div#body_content .registro-top .registro-title.contacto-title{padding-left:60px;margin-bottom:20px;}
	html body div#content div#body_content .password-top{
		height:88px;background: url("../img/password-top.png") no-repeat scroll center top transparent;padding:25px 20px 10px 110px;
		}
	html body div#content div#body_content  .main-content .registro-select select{
		width:360px;clear:both;
	}
	html body div#content div#body_content  .main-content form.form-resetpass{
		background:url("../img/form-passreset.jpg") #e7e7e8 -1px 0 no-repeat;padding:40px 80px 20px;font-size:14px;width:340px;			
	}

	html body div#content div#body_content  .main-content form.form-consultas{
		background:url("../img/form-consultas.jpg") #e7e7e8 -1px 0 no-repeat;padding:70px 45px;font-size:14px;width:410px;			
	}	

	html body div#content div#body_content .main-content .left20 {
		margin-left: 20px;
	}

/**** 8. LEFT BAR ***/
html body div#content div#body_content  .left-bar .contacto{
	padding:11px 10px 13px 10px;border:1px solid #666;font-size:13px;text-align:center;color:#545456;margin:0 2px 30px 5px;
	background:#dfe0e2;
	}
html body div#content div#body_content  .left-bar .contacto span.tlf{
	font-size:26px;font-weight:bold;margin-bottom:18px;}	

/**** 9. RIGHT BAR ***/
html body div#content div#body_content  .right-bar ul li {
			padding-left: 14px;
			margin-bottom:3px;list-style:none;text-align:justify;min-height:18px;
}
	/*** 9.1 Contacto ***/
	html body div#content div#body_content  .right-bar .contacto{
		padding:11px 10px 13px 10px;border:1px solid #666;font-size:13px;text-align:center;color:#545456;margin:0 2px 30px 5px;
		background:#dfe0e2;
		}
	html body div#content div#body_content  .right-bar .contacto span.tlf{
		font-size:26px;font-weight:bold;margin-bottom:18px;
		}	

	/*** 9.2 FAQ ***/
	html body div#content div#body_content  .right-bar .faq{
		background:#f3f3f3;margin-top:45px;line-height:130%;
		color:#333;padding:25px;font-size:12px;text-align:justify;
	}
		html body div#content div#body_content  .right-bar .faq h4{font-size:18px;margin-bottom:15px;}
		html body div#content div#body_content  .right-bar .faq p{margin-bottom:15px;}
	
	html body div#content div#body_content  .right-bar .faq-text{height:235px;overflow:auto;padding-right:5px;}
	html body div#content div#body_content  .faq-text2{height:220px;}
			
/*** 9.3 LOGIN BOX ***/
html body div#content div#body_content  .right-bar .loginbox{
	text-align:center;
	color:#313131;
	height:270px;
}

html body div#content div#body_content  .right-bar .loginbox .inputlogin{
	float:right;margin-left:12px;margin-top:6px;height:20px;font-size:12px;
}
			
		html body div#content div#body_content  .right-bar .loginbox p{line-height:160%;}
		/*html body div#content div#body_content  .right-bar .loginbox p.mail-farmasesor{
			color:#595959;font-size:14px;margin-top:20px;padding-left:15px;font-family:Verdana, Arial, Sans-serif;text-align:center;
			background: url("../img/login-info-ico.png") no-repeat 10px center;
		}*/
		html body div#content div#body_content .right-bar p.mail-farmasesor{
			color:#595959;font-size:14px;margin-top:10px;padding-left:15px;font-family:Verdana, Arial, Sans-serif;text-align:center;
			background: url("../img/login-info2-ico.png") no-repeat 5px center;
		}
		html body div#content div#body_content  .right-bar .loginbox p.tlf-farmasesor{
			color:#2772a8;font-size:16px;padding-left:15px;text-align:center;
			background: url("../img/login-info3-ico.png") no-repeat 40px center;
		}

html body div#content div#body_content .right-bar .loginbox p.mail-farmasesor a{color:#2772a8;text-decoration:none;}
html body div#content div#body_content  .right-bar .box-title {
	 color: #FFFFFF;font-size: 15px;padding-top: 8px;margin-bottom: 20px;text-align:center;
}
html body div#content div#body_content  .right-bar .loginbox label{
	display:block;clear:both; padding-right: 10px;text-align: right;
}
html body div#content div#body_content  .right-bar .loginbox input.logininput{
	background-color: #9B9B9B;
	border: 1px solid #999999;
	color: #FFFFFF;
	font-size: 12px;
	height: 28px;
	padding-left: 30px;
	width: 200px;
	margin-bottom:8px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	-moz-box-shadow: -1px 1px 1px #333333 inset;-webkit-box-shadow: -1px 1px 1px #333333 inset;
	box-shadow: -1px 1px 1px #333333 inset;
	 *padding-top:8px;*padding-left:25px;*height:20px;
}
html body div#content div#body_content  .right-bar .loginbox input.inputuser{
	background: url("/img/input-user.png") no-repeat 5px center #9B9B9B;
}
html body div#content div#body_content  .right-bar .loginbox input.inputpass{
	background: url("/img/input-pass.png") no-repeat 5px center #9B9B9B;
}
html body div#content div#body_content .right-bar .loginbox .login-buttons{margin-top: 10px;width: 200px;}
html body div#content div#body_content .right-bar .loginbox input.login-btn,
html body div#content div#body_content .right-bar .loginbox button.login-btn {
	font-size: 13px;
	font-weight:normal;
	width:90px;
}
html body div#content div#body_content  .right-bar .loginbox input.login-btn:focus,
html body div#content div#body_content  .right-bar .loginbox button.login-btn:focus, 
html body div#content div#body_content  .right-bar .loginbox input.login-btn:hover,
html body div#content div#body_content  .right-bar .loginbox button.login-btn:hover {
	border:none;background:#000;
}
html body div#content div#body_content  .right-bar .loginbox input.register-btn{
	font-size: 12px;*width:80px;
}
html body div#content div#body_content  .right-bar .loginbox a.forgotpasslink, 
html body div#content div#body_content  .right-bar .loginbox a:visited.forgotpasslink{text-decoration:none;}	
			
	/*** 9.4 CONTRATAR BOX ***/
		
	html body div#content div#body_content  .right-bar .loginbox .contratar-txt{font-size:10px;color:#a5a5a8;line-height:130%;}
	
	html body div#content div#body_content  .right-bar .caja-lateral .precio-box{
				background: none repeat scroll 0 0 #CCC;margin-bottom:15px;position:relative;
				-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
				font-weight: bold;margin-top: 15px;padding: 10px;border:1px solid #DDD;
	}
	html body div#content div#body_content  .right-bar .caja-lateral .precio-box .precio{
			font-size:28px; position:absolute;top:0;right:10px;
	}
		
		
	/**** 9.5 Cajas contenido ***/
	html body div#content div#body_content  .right-bar .caja-lateral{
		background:url("../img/box-lateral-mid.png") repeat-y top center;padding: 5px 25px;font-size:12px;
		}	
		html body div#content div#body_content  .right-bar .caja-lateral-btn{
		background:url("../img/box-lateral-btn.png") no-repeat center -10px;height:31px;margin-bottom:10px;
		}
		html body div#content div#body_content  .right-bar .caja-lateral ul{
			color:#000;line-height:140%;
		}	
		html body div#content div#body_content  .right-bar .caja-lateral.partners img{margin-left:15px;}
		html body div#content div#body_content  .right-bar .caja-lateral li{margin-top:5px;padding-right:10px;}	
		
	html body div#content div#body_content  .right-bar .box-small{
		background:url("../img/box-small.png") no-repeat top center;height:132px;margin-bottom:10px;padding: 0 15px;
	}
html body div#content div#body_content  .box-middle-gray{
	background:url("../img/box-middle-gray.png") repeat-y top center;
	width:554px;
	padding: 10px 25px;
	margin-left: 1px;
}
	
	html body div#content div#body_content  .box-middle-gray-top{
		width:556px;height:50px;
	}
		html body div#content div#body_content  .box-middle-gray-bottom{
		background:url("../img/box-middle-gray-bottom.png") no-repeat top center;
		width:556px;height:50px;
	}
	html body div#content div#body_content  .right-bar .title-gral{
			padding:7px 0 5px 0;color:#666;font-size:16px;text-align:center;border:1px solid #ebecee;
			margin:5px 2px 5px 5px;background: #dfdfdf;
			}
				html body div#content div#body_content  .right-bar h3.title-gral a{text-decoration:none;}
html body div#content div#body_content  .right-bar h3.title-nobg{
	background:#f6f7f9;padding:7px 0 5px 0;margin-top:0;color:#666;font-size:16px;text-align:center;border:1px solid #ebecee;
	margin:25px 2px 5px 5px;
}

			html body div#content div#body_content  .right-bar .twitter-box-top {
				 background: url("../img/box-lateral-top-twitter.png") no-repeat scroll center top transparent;
				font-size: 13px;height: 28px;padding-left: 25px;height:130px;
			}

			html body div#content div#body_content  .right-bar .twitter-box {color:#313131;font-size:11px;position:relative;padding-bottom:20px;}

			html body div#content div#body_content  .right-bar .twitter-box .followus{
				background:url("../img/twitter-btn.png") no-repeat center right;position:absolute;height:25px;padding-top:8px;
				right:25px;bottom:0px;padding-right:25px;}
			
			html body div#content div#body_content  .right-bar .twitter-box a.followus{
				color:#313131;text-decoration:none;}
			
	/**** 9.6 OTROS SERVICIOS ****/
	
			
			
/**** 10. FORMULARIOS ****/
.main-content form {margin:0;}
.main-content form.formmed,
.main-content div.formmed {
	background:url("../img/bg-form.png") repeat-y scroll top center transparent;padding:0 95px 0 60px;
}
.main-content .formmed-btn {background: url("../img/btn-form.png") no-repeat scroll center -1px transparent;height:40px;margin-bottom:10px;}
input.textinput {
	background-color: #9B9B9B;
	border: 1px solid #999999;
	color: #FFFFFF;
	font-size: 12px;
	height: 28px;
	padding-left: 10px;
	margin-bottom:8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 100%;
	*padding-top:4px;*padding-left:25px;*height:20px;
/* 	behavior: url(com/dinamon/php/css/PIE.htc); */
}

.main-content form.formmed .validador{font-size:11px;}
	
	/*** input.textinput{height:25px;border:1px solid #CCC;margin:3px 0 10px 0;display:block;color:#666;clear:both;}***/
input.textinputmed {
	width:100%;
	clear:both;
}
html body div#content div#body_content select, select2 select2-container select2-container--krajee-bs3 {
	background-color: #9B9B9B;border: 1px solid #999999;color: #FFFFFF;
	font-size: 12px;height: 28px;padding-left: 10px;margin-bottom:8px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	*padding-top:8px;*padding-left:25px;*height:20px;
/* 	*border:1px solid #CCC;*height:30px;*background:#FFF;*color:#313131;*/
}
.select2-container--krajee-bs3 .select2-selection--single {
	background-color: #9B9B9B;
	border: 1px solid #999999;
/* 	width: 350px; */
	height: 28px;
	padding: 5px 24px 6px 12px;
	font-size: 12px;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
	position: absolute;
	color: white;
	font-size: 12px;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__placeholder {
	color: white;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow {
	height: 27px;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__arrow b {
	border-color: #fff transparent transparent transparent;	
}
.select2-container--krajee-bs3.select2-container--disabled .select2-selection, .select2-container--krajee-bs3.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
	background-color: #9B9B9B;
	border: 1px solid #999999;
	color: white;
}
.select2-container--krajee-bs3 .select2-results__option[aria-selected], .select2-container--krajee-bs3 li.select2-results__option, .select2-container--krajee-bs3 .select2-dropdown {
	background-color: #9B9B9B;
}
html body div#content div#body_content textarea {
	background-color: #9B9B9B;border: 1px solid #999999;color: #FFFFFF;
	font-size: 12px;
	padding-left: 10px;
	-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;
	*padding-top:8px;*padding-left:25px;*height:20px;
	behavior: url(com/dinamon/php/css/PIE.htc);
}
		.main-content textarea.textinputmed{width:350px;height:100px;padding:10px;}
	.main-content  label {display:block;}
	.checkbox{margin-right:10px;}
	
	
/********************** 11. AREA DE USUARIOS ************************/
html body div#content div#body_content .main-content.dashboard  {width:560px;}
html body div#content div#body_content  h1.greeting{margin:0 0 10px 0;color:#666;font-size:18px;font-weight:normal;margin-bottom:30px;}
html body div#content div#body_content .main-content.dashboard  h2{
		line-height:100%;font-size:140%;font-weight:bold;padding:0;
		margin-bottom:5px;background:none;}

html body div#content div#body_content .userDashData{margin-left:10px;line-height:140%;}
html body div#content div#body_content .contact-box{float:right;}

html body div#content div#body_content .caja-avisos{
	width:555px;
	padding: 10px 25px;
	height:180px;
	background:url("../img/notifications-box.png") repeat-y left top;
}

html body div#content div#body_content .caja-avisos-top{
	height:46px;width:556px;	
}
html body div#content div#body_content .caja-avisos-bottom{
		background:url("../img/notifications-box-bottom.png") no-repeat left top;height:24px;width:556px;margin-bottom:20px;	
}
html body div#content div#body_content .main-content .caja-avisos ul li {
	list-style:none;
	margin-bottom:10px;
}
	
html body div#content div#body_content .tabla-servicios{
    border-radius: 5px 5px 5px 5px;
    margin-left: 3px;
    margin-top: 10px;
    padding: 5px;
    width: 553px;}
html body div#content div#body_content .tabla-servicios a.btn {
	min-width:80px;
	color: #595959;
	padding-top: 7px;
	font-size: 12px;
}
html body div#content div#body_content .tabla-servicios a.btn:hover {
	color: white;
}
html body div#content div#body_content .tabla-servicios td{background:#FFF;}
html body div#content div#body_content .tabla-servicios td.odd{background:#e5e5e5;}
html body div#content div#body_content .tabla-servicios td.even{background:#fff;}
	html body div#content div#body_content .tabla-servicios td a{text-decoration:none;}
	html body div#content div#body_content .tabla-servicios td h2{margin-left:10px;font-size:15px;}
html body div#content div#body_content .tabla-servicios td, html body div#content div#body_content .tabla-servicios th{padding:5px;}
html body div#content div#body_content .tabla-servicios-btn{
	background:url("../img/tbl-btn.png") no-repeat left top;margin-bottom:10px;height:37px;
	}

html body div#content div#body_content .box-middle-gray .search-box{	float:right;width:167px;}	
html body div#content div#body_content .box-middle-gray .search-box  .btn-search{
	height:29px;width:40px;background:url("../img/btn-search.png") no-repeat scroll 0 0px transparent;border:none;float:right;
	cursor:pointer;
}	
html body div#content div#body_content .box-middle-gray .search-box .searchinput	{
	background-color: #9B9B9B;
	border: 1px solid #999999;
	color: #FFFFFF;
	font-size: 12px;
	height:	29px;
	padding-left: 15px;
	width:127px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;
	*padding-top:8px;*padding-left:25px;*height:17px;
}
html body div#content div#body_content .box-middle-gray .newsletter-results {
	width:280px;padding-left:20px;position:relative;
	}
html body div#content div#body_content .main-content .box-middle-gray .newsletter-results ul li{
	list-style:none;margin-bottom:5px;background:none;padding: 0 0 10px 0;border-bottom:1px solid #ccc;
	}
html body div#content div#body_content .box-middle-gray  a.masinfo {
	display: block;
	height: 23px;
	padding-left: 25px;
	padding-top: 4px;
	width:100px;
}
	/**** 11.2 Pagina de noticias ***/
	.noticia{margin-bottom: 10px;margin-top: 10px;width:480px;}
	.noticia_fecha{color:#313131;font-size:100%;}
	.noticia-txt{padding:10px 10px 10px 110px;background:#F6F7F9;border:1px solid #EBECEE;margin-bottom:20px;margin-top:10px;
	-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;position:relative;
	}
	.noticia-txt div.read-all {text-align: right;}
	html body div#content div#body_content .noticia-txt h3{font-size:160%;}
		.noticia-txt img{float:left;margin:0 10px 10px 0;}

/**** 12 CLASES ESPECIALES ****/
.pie-foto{font-size:11px;text-align:center;}
.error{color:red;font-size:100%;}
.loginerror{color:red;font-size:11px;}
.clr {clear:both;}
.gray {color:#313131;}
.align-center {text-align:center;}
.margin-left {margin-left:10px;}

.right {float:right;}
.left {float:left;}
.nomargin{margin:0;}
.inline{display:inline;}
.font-med{font-size:12px;}
.img-contactar{height:80px;width:80px;margin:0 10px 10px 0;border:1px solid #ccc;}
.textItem {position: relative;clear:both;margin-bottom:10px;}
.navegador{float:right;margin-top:15px;font-size:11px;color:#58595b;width:28px;}
	.navegador a{color:#333;margin-right:5px;float:left;}
#nav a.elemHover {color: #dddddd;text-decoration: underline;}
		.elemFirstLevelHover {background-color: #AC1F2C;margin: 0;}
		.paddingFirstLevel {padding: 0.25em 1.2em;}
		
html body div#content div#header div#module-status {
	background-color: #F0F0F0;float: right;width: 150px;
}

html body div#content div#header div#module-status span {
	float: right;line-height: 16px;margin-bottom: 2px;padding: 7px 10px 0 22px;
}

html body div#content div#header div#module-status .home {
	background: url("../img/adminPanel/menu/icon-16-home.png") no-repeat scroll 3px 6px transparent;
}

html body div#content div#header div#module-status .logout {
	background: url("../img/adminPanel/menu/icon-16-logout.png") no-repeat scroll 3px 6px transparent;
}
#fancybox-wrap{z-index:100000;}
#fancybox-outer{padding:10px;}

div.envioDocInfo {
	font-size: 10px;
	text-align: justify;
}

/* Política de cookies */

.cdp-cookies p a {
	color: #fff;
	text-decoration: underline;
}

.cdp-cookies-texto {
    font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    color: #fff;
    padding: 0 0 5px;
    text-align: center;
    text-rendering: optimizelegibility;
    margin: 0 auto;
    max-width: 100%;
    padding: 5px 10px;	
}

.cdp-cookies-texto h4 {
	font-size:15px !important;
	line-height:15px !important;
	padding-bottom: 5px;
}

.cdp-cookies-texto p {
	font-size: 12px !important;
	line-height: 12px !important;
	padding-bottom: 5px;
}

.cdp-cookies-texto a.cdp-cookies-boton {
 	background-color: #222222;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin: 5px auto;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 2px #000000;
    width: 75px;
}

.cdp-cookies-texto a.cdp-cookies-boton:hover {
 	background-color: #DDD;
 	color: #222222;
}

hr {
	margin: 0;
	border-style: inset;
	border-width: 1px;
}

.select2-container--krajee-bs3 .select2-selection--single .select2-selection__rendered {
	width: 90%;
}
.select2-container--krajee-bs3 .select2-selection--single .select2-selection__clear {
	right: 0px;
	top: -1px;	
}