h1,h2,h3,h4,h5
{
font-family: 'Open Sans',Helvetica,Arial,sans-serif; 
color: #2f353e ;
font-weight: 300 ; 

}
html{-webkit-font-smoothing:antialiased}
body {
	color: #666;
	font-family: 'Open Sans',Helvetica,Arial,sans-serif; 
	font-size: 12px;
	line-height:20px !important;
	font-weight:300;
}
.sp-top-5 {margin-top:5px;}
.sp-top-10 {margin-top:10px;}
.sp-top-20 {margin-top:20px;}
.sp-top-30 {margin-top:30px !important;}
.sp-top-50 {margin-top:50px;}
.sp-top-100 {margin-top:100px;}
.sp-bot-5  {margin-bottom:5px;}
.sp-bot-10 {margin-bottom:10px;}
.sp-bot-15 {margin-bottom:15px;}
.sp-bot-20 {margin-bottom:20px;}
.sp-bot-30 {margin-bottom:30px;}
.sp-bot-50 {margin-bottom:50px !important;}

.pa-bot-50 {padding-bottom:50px  !important;} 
.pa-bot-100 {padding-bottom:100px !important;} 

.color_red {color:#C00 !important}
.fs14 {font-size:14px !important}




/*position fixed*/
.navbar-fixed-top { position: relative;}
.navbar {margin-bottom: 0px;}
.nav a {color:#fff !important;}
#menuop li { margin-right: 2px;}
#menuop li.selected {border-bottom: 4px solid #166fb8; }
#menuop li a {margin-top: 8px; font-size: 18px !important; color: rgb(188, 205, 242) !important;}
#menu #login {margin-top: 20px; font-size: 13px !important; color: rgb(188, 205, 242) !important; margin-right:21px;}

/* home portada */
#homecover {background-image:url(/ico/fondo.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; height:1200px;}
#homecover h2 {font-size:52px; font-weight: 300 !important; font-family: 'Open Sans',Helvetica,Arial,sans-serif; text-rendering: optimizelegibility; letter-spacing: -0.033333em;line-height: 120%;}
#homecover #minform {max-width:500px}
#homecover #minform #text {font-size:16px; font-weight:bold; margin-right:10px;}
/* info */
.marginline {padding-top:50px; padding-bottom:50px;}
.infoback {background: url(/ico/backserv.jpg) repeat-x top;}
.infotext_20 {font-size:20px; color:#1c2e3a; line-height:26px;}
.infotext_14, .services p {font-size:14px; color:#1c2e3a; line-height:26px;}
.infobackblue {border-top: 1px solid #d9dee1; border-bottom: 1px solid #d9dee1; background: #f2f7fa; margin-top:50px; padding-top:50px; padding-bottom:50px;}
.services h2 {font-size:20px;}
.servicesexpand ul li {font-size:14px; line-height:26px;}
/*prices*/
#prices ul {list-style:none; font-size:14px; padding-left:0px;}
#prices li {line-height:26px;}
#prices .box {background-color:#d9edf7; font-size:20px; padding:10px; }
#prices .box .type {font-size:16px; line-height:26px; display:block; font-weight:bold;}
#prices .box .euro {font-size:50px; line-height:73px;  color:#000;}
#prices hr {width:80%; border-top-color:#09C;}

/*** footer ***/
#fold{ text-align:center; border: none;border-radius: 0;bottom: 0px;box-shadow: ;clear: both;height: auto;left: 0;line-height: 36px;margin: 0;max-width: 100%;min-height: 36px;padding: 0;background-color: #333;width: 100%; }
#fold #about {color: #DCDCDC;  font-size: 11px;margin: 0 10px 0 10px;}
#fold #about a {color:#ffffff;}





#titf {font-size:20px; margin-top:0px;}
/* ads */
.boxads { background-color:#FDFEEE; padding:5px; margin-bottom:3px;	}
#adsrelated {font-size:12px; margin-bottom:4px; text-align:right;}
/* -----*/
.result, .result_rel {margin-bottom:20px;} 
.result a { text-decoration: none;}
.result .tit {font-size: 15px; color: #2e4e9f; }
.result .tit:visited {color: #551a8b;}
.result .tit:hover {text-decoration:underline}
.result .tit:first-letter, .tit b:first-letter { text-transform: uppercase; }
.result .url {color:#0E7744; font-size:13px;}
.result .url:hover {color:#0E7744;}
.result {font-size:13px; color:#000000;}

.result_rel {display:block;}
.result_rel .col { float:left;padding-right:50px;} 
.result_rel  a {color:#2e4e9f; font-size:13px; text-transform: capitalize; line-height: 20px; display: inline-block;}
.result_rel  a:hover { text-decoration:underline;}
.result_rel li {line-height:25px;}
/* related */
.textrelated {color:#000; font-size:14px;line-height: 18px; display:block;}
.bordercol{border-left:1px dotted #CCC; padding-left:10px;}
.formfind {margin-top:15px; max-width:500px;}
/* *** generales ***/
.stm {font-size:14px;} /*  size text mobile : subo a 14px porque el page speed dice que los enlaces en mobile tiene que ser mas grande */
.container {padding-left:0px; padding-right:0px;} 
.row {margin-left:0px; margin-right:0px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
padding-right: 9px;
padding-left: 9px;
}


a {color:#044364;}
a:hover {color:#990044; text-decoration:none}
.ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.whide {display:none;}
.wclear {clear:both !important;}   
/* recuadro blanco sombreado para imágenes */
img.icongray {
      -webkit-filter: sepia(78%);
}

img.icongray {
      -webkit-filter: grayscale(100%);  /* safari/chrome */
      -moz-filter: grayscale(100%); /* firefox */
      -ms-filter: grayscale(100%);  /* IE >= 9 */
      -o-filter: grayscale(100%); /* Opera, if support CSS3 */
      filter: gray; filter: grayscale(100%); /* edge browsers */ 

}
/* *** barra de navegacion ***/




/*** paginado ***/
.paginado span { margin-right:3px; }  



/* politica de cookie */
#normcookie {height: 48px;bottom: 0px;width: 100%;background-color: #fff;z-index: 4000;padding-top: 2px; border-bottom:1px dotted #CCC}
#normcookie .cmore {color:#09C; font-weight:normal}
#normcookie .cmore:hover { text-decoration:underline;}
#normcookie .btn {margin-left:10px;}
.showNcookie #under-footer {margin-bottom:0px;} 
/*** responsive ***/
/* menos de esto es mobile
/* esto es mobile para algo más grande (iphone) : menos de esto tiene que ser 0px pq la publi es de 300px y mas "algo de padding" daría scroll horizontal */
@media (min-width: 320px)    
{
}
/*- esto es ipad ---*/
@media (min-width: 768px) 
{ 
	
	/* sm */
	.navbar>.container .navbar-brand { margin-left: 0px; }
	.showNcookie #under-footer {margin-bottom:23px;} #normcookie {height: 27px; position: fixed; }
	.colads ,.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
	padding-right: 5px; 
	padding-left:  5px;
	
	}
	.stm {font-size:12px;}    

	.container {padding-left:5px; padding-right:5px;}
	.row {margin-left:-5px; margin-right:-5px;}
	
	.navbar {margin-bottom: 0px;}  
	

	 /*poner el cuadrado */    
	 #fold {position:fixed; }  
}
@media (min-width: 992px)
{
	/*md */
}
@media (min-width: 1170px) 
{ 

}

@media (min-width: 1024px) 
{
	/*pagespeed */
}

@media (min-width: 1200px) 
{
	
	/*lg*/
	.navbar .nav > li > a {font-size: 14px !important;padding: 15px 7px !important;} 
	
}