/*
.com:  Hoja de estilos
por David Moya. http://www.atrioweb.com/
Última modificación: 24-01-2010

rojo: color:#EB5555 - #ff3b5b

================================================*/

* {
margin:0;
padding:0;
}

html { font-size:62.5%;   }

body {
font-family: 'Rubik', helvetica, arial, sans-serif ;
font-size:1.6em;
line-height:1.4em;
color:#555;
background-color: #F4F1E6;
}


input, select, textarea{
font-family: 'Rubik', helvetica, arial, sans-serif ;
font-size:1em;
color:#555;
}



img {border:none;}
#main img, #footer img{max-width:100%;height:auto !important;}
#main #map img{ max-width: none !important; }

ul li{list-style:none;}

a{text-decoration: none;color:#CB0326;}
a:hover{text-decoration: underline;}

pre{ white-space: pre-wrap; /* CSS 2.1 */ word-wrap: break-word; /* IE7 */ }
textarea{font-size:1em;}

.nomargin{margin:0 !important;}
.nopadding{padding:0 !important;}
.marginbot{margin: 0 0 1em !important;}
.marginbotx2{margin: 0 0 2em !important;}
.marginbotx3{margin: 0 0 3em !important;}
.margintopx2{margin-top: 2em !important;}
.margintopx3{margin-top: 3em !important;}
.margin{margin: 1em 0 !important;}
.marginx2{margin: 2em 0 !important;}
.marginx3{margin: 3em 0 !important;}
.noborder{border:none !important;}
.noborderradius{border-radius: 0 !important; }
.tright{text-align: right !important;}
.tleft{text-align: left !important;}
.tcenter{text-align: center !important;}
img.aright{float:right;margin: 0 0 6px 12px;}
img.aleft{float:left;margin: 0 12px 6px 0;}
.last{margin:0 !important}
/*.clear{clear:both;}*/ 
.clear {
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.tdu{text-decoration: underline;}
.bgdestac {background-color: yellow;}
.color {color: #CB0326;}
.color2 {color: #003a49;}
.peq{font-size:0.85em;}

.divdestac{	margin: 0 0 1em;padding: 1em; background: #eee; border: 1px solid #ccc;}
.divdestac2{margin: 0 0 1em;padding: 1em; background: #434d10; color:#fff;}
.divdestac p:last-child,.divdestac li:last-child{margin:0 !important}
.divdestac2 p:last-child,.divdestac2 li:last-child{margin:0 !important}



::-moz-selection { color: #fff;  background: #EB5555; }
::selection      { color: #fff;  background: #EB5555; }

::-webkit-input-placeholder { color: #c9c9c9; letter-spacing: 1px;}
:-moz-placeholder { /* Firefox 18- */   color: #c9c9c9; letter-spacing: 1px;}
::-moz-placeholder {  /* Firefox 19+ */   color: #c9c9c9; letter-spacing: 1px;}
:-ms-input-placeholder {  color: #c9c9c9; letter-spacing: 1px;}
::placeholder { color: #c9c9c9; letter-spacing: 1px;}

/* the escaped unicode :*/ 
/*#div:before {
    content: '>\0000a0';
}*/ 

/*LAYOUT
--------------------------------------------------------------*/

body {
}

#container{
}

.container{
width:1180px;
width:1080px;
margin: 0 auto;
overflow:hidden;
}

#header{
}

#banner{margin-bottom:40px}

#content{
}

#main {
width:780px;
margin: 0 auto 60px;
}
	#home #main {
	width:auto;
	}

#sidebar {
}

#footer {
border-top:1px solid #eaeaea;
clear:both;
}

#footer .container {
padding:20px 0;
}

/*HEADER
-------------------------------------------------*/

#mobile-header{display:none;}


h1{
float:left;
width:207px;
height:90px;
margin:15px 0 15px 10px;
background: url(/img/logo.png) 0 0 no-repeat;
}

h1 a{
display:block;
width:207px;
height:90px;
text-indent:-9999px;
outline:none;
} 

/*h1{
float:left;
margin:10px 0 15px 10px;
line-height:1.2em;
}*/ 



/*NAV------------------------------------------------*/

#nav{
float:right;
margin:22px 20px 0 0;
}

#nav li{
display:inline;
} 

#nav li a{
display:block;
float:left;
padding: 15px 25px;
margin: 0 -5px;
color:#444;
font-family: 'Montserrat',georgia,serif;
text-transform: uppercase; 
font-size: .85em;
font-weight:700;
/*letter-spacing:.5px;*/ 
opacity:1;
border-radius:0;
text-decoration: none;
/*transition-property: opacity;
transition-duration: 0.2s; 
transition-timing-function: linear;*/ 
clip-path: polygon(12.5% 0%, 100% 0%, 87.5% 100%, 0% 100%);/*https://bennettfeely.com/clippy/ este clip es distinto al de nav li.active a, si no no encajan*/ 
} 

#nav li.active a{
opacity:1;
color:#fff;
background-color: #CB0326;
text-shadow:1px 1px 1px rgba(0,0,0,.2);
clip-path: polygon(8% 0%, 100% 0%, 92% 100%, 0% 100%);
} 
#nav li.active a:hover{
background-color: #CB0326;
} 

#nav li a:hover{
/* opacity:1; */
/* background-color: rgba(0,0,0,.1) */
} 

/*BANNER------------------------------------------------*/

.banner{position:relative;} 
/*.banner{position:relative;width:100%;height:auto;min-height:250px;background: url(../img/banner1.jpg) no-repeat 0 20%;background-size:100% auto;} */ 
.banner_img{height:auto;overflow:hidden;height:350px;} 
.banner_img img{
position:relative;/*para desplazarla personalizadamente*/ 
display:block;
width:100%;
margin: 0 auto;
}

.banner_img img{top:-50%}/*generico*/ 

.banner_box_txt{position:absolute;width:100%;top:30%;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,1)}
.banner_box_txt h2{font-size:3em;color:#fff;padding:0 20px;}
.banner_box_txt h2 em{font-weight:400;}
.banner_box_txt .boton{padding:0.75em 2.5em;}



/*MAIN
-------------------------------------------------*/


h2 {
margin:0 0 1em;
font-family: 'Libre Baskerville',georgia,serif;
/*font-size:2.2em;
font-weight: normal;
line-height:1.3em;*/ 
font-size: 2.6em;
line-height: 1.2em;

font-weight:300;
color:#252525;
text-align:center;
}

#main h2.t2{
padding-bottom:0.25em;
border-bottom:3px double #E5E5E5;
border-bottom:3px double #DDDCD4;
text-shadow:2px -2px 2px rgba(255,255,255,1)
}

h3 {
font-family: 'Libre Baskerville',georgia,serif;
margin:0 0 0.6em;
font-size:1.8em;
line-height: 1.2em;
font-weight: normal;
color:#252525;
}

h4 {
font-family: 'Libre Baskerville',georgia,serif;
margin:0 0 1em;
font-size:1.4em;
line-height: 1.2em;
font-weight: 400;
color:#252525;
}

p {
margin:0 0 1em;
text-align: justify; 
}


blockquote {
margin:0 3em 1em;
font-size:1.1em;
font-style: italic;
}

	#main .texto {
	margin:0 0 1em;
	clear:both;
	}


.titulo2 {
position:relative;
margin-top:3em;
margin-bottom:2em;
}
.titulo2:before {
/*border-top: 1px solid #EEE;*/ 
}
.titulo2:before {
content:'';
position:absolute;
width:100%;
height:0;
border-top:3px double #E5E5E5;
border-top:3px double #DDDCD4;

left:auto;
top:40%;
right:0;
}
.titulo2 h1,.titulo2 h2,.titulo2 h3,.titulo2 h4,.titulo2 h5,.titulo2 h6 {
position:relative;
display:inline-block;
background-color:#F4F1E6;/*bg del body*/ 
padding-right:15px;
margin-bottom:0;
text-transform: uppercase; 
text-align:center;
}

.titulo2 h3{
font-size:1.4em;
}



#main ul,
#main ol{
margin:0 0 1em;
}

#main ul li{
margin:0 0 0 2em;
list-style:none;
text-align: justify; 
/*background: url(/img/bullet.gif) 0 3px no-repeat;
padding: 0 0 0 14px;*/ 
}

#main ul li i{
color:#CB0326;
}

#main ol li{
margin:0 0 0 2em;
text-align: justify; 
}

hr{
border:none;
/*color:#fc8c04;*/ 
background-color: #ccc;
height: 1px;
margin:0 0 1em;
}



/*#main layout-------------------------------------------------*/

.main_cols2{
margin:0 -2% 1em;
overflow:hidden;
}

	.main_cols2 .col{
	float:left;
	width:46%;
	margin: 0 2% 1em;
	}

.main_cols3{
margin:0 -1.5% 1em;
overflow:hidden;
}

	.main_cols3 .col{
	float:left;
	width:30%;
	margin: 0 1.5% 1em;
	}


.main_box_cols3{
margin:0 -2% 1em;
overflow:hidden;
}

	.main_box_cols3 .col{
	float:left;
	border: 1px solid #DDDCD4;
	width:25%;
	margin: 0 2% 1em;
	padding:2%;
	border-radius:5px;
	text-align:center;
	}


.main_cols3_1-2{
margin:0 -2% 2em;
padding:0 0 1em;
overflow:hidden;
}

	.main_cols3_1-2 .colA{
	float:left;
	width:32%;
	margin:0 2% 1em;
	}

	.main_cols3_1-2 .colB{
	float:left;
	width:60%;
	margin:0 2% 1em;
	}


.main_cols4_1-3{
margin:0 -2% 2em;
padding:0 0 1em;
overflow:hidden;
}

	.main_cols4_1-3 .colA{
	float:left;
	width:24%;
	margin:0 2% 1em;
	}

	.main_cols4_1-3 .colB{
	float:left;
	width:68%;
	margin:0 2% 1em;
	}

.main_cols3{
}

	.main_cols3 .col{
	}



.separador{
border-bottom:1px solid #e5e5e5;
border-bottom:1px solid #DDDCD4;
}

.separador-top{
padding-top:1em;
border-top:1px solid #e5e5e5;
border-top:1px solid #DDDCD4;
}

/*boxes*/

	.box{}

	.box h3{
	font-size:1.6em;
	}

	.box .masinfo{
	font-size:0.85em;
	font-weight:bold;
	}

/**/ 
.box_cols2_img {
margin-bottom:3em;
}

	.box_cols2_img .coltxt{
	font-size:1.2em;
	line-height:1.6em;
	}

	.box_cols2_img .colimg{
	}

	.box_cols2_img .colimg img{
	border-radius:5px;
	}

/*faicons*/

.box .faicon{margin:0 0 1.5em;color:#CB0326}

/*galerias (galerias.php)---------------------------------------*/ 

#galerias{
}

#galerias .galeria{
margin:0 0 1em;
overflow:hidden;
}

	#galerias .galeria .img{
	float:left;
	width:140px;
	}

	#galerias .galeria .txt{
	float:left;
	width:370px;
	}

	/*#galerias style*/

	#galerias .galeria .img img {border:1px solid #ccc; padding:5px;}

	#galerias .galeria .txt .descri{
	margin:0 0 1em;
	}



/*main-paginacion-----------------------------------------------*/

#main .pag{
clear:both;
width:80%;
text-align:center;
margin:2em auto 1em;
color: #999;
}


#main .pag li{
display:inline-block;
list-style: none;
margin:0;
}

#main .pag a{
display:inline-block;
padding:6px 12px;
margin: 0 0.25em;
border: 1px solid #ccc;
background-color: #fff;
color: #999;
text-decoration: none;
font-weight:bold;
}

#main .pag a:hover{
	border: 1px solid #EB5555;
	color: #EB5555;
}

#main .pag a.current {
	background-color: #EB5555;
	color: #fff;
	cursor: default;
	border: 1px solid #EB5555;
}

#main .pag li span{
	padding:3px 6px;
	border: 1px solid #ccc;
	background-color: #ccc;
	color:#fff;
	text-decoration: none;
	font-weight:bold;
}

#main .pag li span.inactive {
}

/*socialmedia: facebook, twitter... ----------------------*/ 

#smlike{
overflow:hidden;
height:20px;
margin: 0 0 1.5em;
}

#smlike a{
border:none;
}

#facebook-button{
float:left;
width:120px; 
}

#facebook-button iframe{
border:none; 
overflow:hidden; 
width:100px; 
height:21px;
}

#twitter-share-button{
display:block;
float:left;
width:110px;
}

#tuenti-button{
float:left;
width:130px;
position:relative;
top:-1px;
}

#linkedin-button{
float:left;
width:110px;
}

#googleplus-button{
float:left;
width:100px; 
}


/*PÁGINAS ESPECIALES
-------------------------------------------------*/

/*noticias-------------------------------------------------*/

#noticias #main ul li{
margin-bottom: 1em ;
}


#noticias #main ul li a{
color:#555;
}

#noticias #main ul li a:hover{
color:#222;
}


/*item-list-------------------------------------------------*/

#main .entrad{
border-bottom:1px dotted #ccc;
padding: 0 0 1em;
}

#main .item{
border-bottom:1px dotted #ccc;
margin: 0 0 1em;
}

#main .img{
float:right;
margin: 0 0 10px 20px;
}

/*item-img-------------------------------------------------*/

#item #main .entrad{
font-size:1.2em;
border:none;
line-height:1.4em;
}

#item #main .item{
}

#item #main .img{
}







/*TABLAS
--------------------------------------------------------*/


table{	
margin: 0 0 1em;
border-left:1px solid #999;
border-top:1px solid #999;
border-spacing:0px;/*por seguridad, ponerlo para eliminar el cellspacing en Mozilla. IE no lo soporta*/
border-collapse:collapse;
}

table th{
border-right:1px solid #999;
border-bottom:1px solid #999;
background-color:#E9E5DD; 
padding:0.2em 0.5em;
border-spacing:0;
vertical-align:top;
color:#333;
}

table tr{
margin:0;
padding:0;
border-spacing:0;
}

table td{
border-right:1px solid #999;
border-bottom:1px solid #999;
padding:0.2em 0.5em;
border-spacing:0;
vertical-align:top;
}




/*SIDEBAR-------------------------------------------------*/

#sidebar h4{
/*display:none;
padding:3px;*/ 
margin-bottom:0.5em;
font-size:1.4em;
font-weight:normal;
color:#666;
}

#sidebar h4 a{
color:#666;
}

#sidebar h4 a:hover{
color:#EB5555
}

#sidebar p{
margin: 0 0 1em;
}

#sidebar ul{
margin: 0 0 2em;
}

#sidebar ul li{
border-bottom:1px solid #efefef;
}

#sidebar ul li a{
display:block;
text-align:right;
padding: 5px 0;
font-size:1.2em;
color:#919191;
outline:none;

-webkit-transition:color 0.2s ease-in;  
-moz-transition:color 0.2s ease-in;  
-o-transition:color 0.2s ease-in;  
transition:color 0.2s ease-in;  
}

#sidebar ul li.active a,
#sidebar ul li a:hover{
color:#333;
}

/*caja menu*/

.sb_nav h4{
display:none;}

/*caja contacto*/

#sb_cnt{
overflow:hidden;
min-height:50px;
border:1px solid #eaeaea;
padding:20px;
background: #f9f9f9 ;
/*padding:15px 15px 15px 80px;
background: #f9f9f9 url(/img/Contact.png) no-repeat 10px 10px;*/ 

/*-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;*/ 


}

#sb_cnt h4 {
display:block;
}

#sb_cnt p{font-size:0.9em;color:#888;margin: 0 0 0.5em;}

#sb_cnt p.email{
background: url(/img/ico_mail.gif) 0 1px no-repeat;
padding:0 0 0 20px;
}

#sb_cnt p.telefo{
background: url(/img/ico_cellphone.gif) 0 1px no-repeat;
padding:0 0 0 20px;
}



/*FOOTER
-------------------------------------------------*/

#footer #sociallinks{}

#footer #xhtml p{
text-align:right;
}

/**/ 

#footer p,#footer a {
color:#888;
text-transform: uppercase; 
}

#footer p {
font-size:0.75em;
margin:0;
}


/*sociallinks*/ 
#sociallinks ul{overflow:hidden;float:right;}
#sociallinks li{display:inline;}
#sociallinks a{
display:block;
float:left;
margin: 0 10px;
width: 32px;
height: 32px;
text-indent: -9999px;
}
#sociallinks a.fb{background: url(/img/ico_facebook.png) no-repeat 0 0;}
#sociallinks a.tw{background: url(/img/ico_twitter.png) no-repeat 0 0;}
#sociallinks a.gp{background: url(/img/ico_google_plus.png) no-repeat 0 0;}



.footer_cols2{
margin:0 0 1em;
overflow:hidden;
}

	.footer_cols2 .col{
	overflow:hidden;
	float:left;
	width:46%;
	margin: 0 2%;
	}
	.footer_cols2 .col:nth-child(2){
	float:right;
	}

.footer_cols1{
margin:0 20px;
overflow:hidden;
}

#footer #footerC p {
text-transform: none; 
}

/*contacto-------------------------------------------------*/

.boton{
display:inline-block;
text-align:center;
vertical-align:middle;
white-space:nowrap;
padding:12px 12px;
border-radius:5px;

font-family: 'Montserrat',georgia,serif;
text-transform: uppercase; 
color:#fff;
font-size:0.85em;
font-weight:700;
letter-spacing:.5px;
background-color: #CB0326;
}


/**/ 

.cnt form{
margin:0 0 1em;
} 

.cnt legend{
display:none;
}

.cnt label{
display:block;
color:#3F3F32;
}

.cnt input{
box-sizing: border-box;
display:block;
width:100%;
margin: 0 0 1em;
padding:5px;
border:1px solid #ccc;
border-radius: 5px;
}

.cnt textarea{
box-sizing: border-box;
display:block;
width:100%;
margin: 0 0 1em;
padding:5px;
border:1px solid #ccc;
overflow: auto; 
border-radius: 5px;

}

.cnt input.boton{
	cursor: pointer;
	width:auto;
	padding: 6px 25px; 
	color: #fff; 
	border-radius: 5px;
	border-width:0;
	/*box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);*/ 
}
.cnt input.boton:hover{
	background-color: #0040FF ; 
}

 


/* CLEARFIX 
-------------------------------------------------*/


.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
 
.clearfix:after {
clear: both;
}
 
.clearfix {
zoom: 1;
}




/*MEDIA QUERIES
********************************************************************************/ 

@media (max-width: 1200px) {

.container{
width:940px;
}

#main {
}



#nav {display:none;}
h1{margin:15px 0 15px 60px;}

#sidr{display:block;}
#header{position:relative;}
#header .container {width:auto;}
#mobile-header{display:block;position:absolute;top:35px;left:10px;}
#mobile-header a{display:inline-block;color:#000;font-size:30px;padding:20px 25px;text-align:center;}
.box-shadow-menu{}
.box-shadow-menu:before{content:"";position:absolute;left:10px;top:10px;width:.9em;height:0.09em;background:black;box-shadow:0 0.3em 0 0 black,
0 0.6em 0 0 black;}


} /*@media (max-width: 1200px) {*/ 


@media (max-width: 992px) {

.container{
width:auto;
}

#header{
}

#main {
padding:0 20px;
width:auto;
max-width:780px;
}



/**/ 

.banner_img img{top:-20%}/*generico*/ 




.banner_box_txt{top:20%;}
.banner_box_txt h2{font-size:2.4em;}




} /*@media (max-width: 992px) {*/ 




@media (max-width: 768px) {

.banner_img{height:250px;} 


.main_cols2{
margin:0 0 1em;
overflow:hidden;
}

	.main_cols2 .col{
	float:none;
	width:auto;
	margin: 0 ;
	}

.main_cols3{
margin:0 0 1em;
overflow:hidden;
}

	.main_cols3 .col{
	float:none;
	width:auto;
	margin: 0;
	}

.main_box_cols3{/*3 cuadros inicio*/ 
margin:0 0 1em;
overflow:hidden;
}

	.main_box_cols3 .col{
	float:none;
	border: 1px solid #ececec;
	width:auto;
	margin: 0 0 1em;
	padding:5%;
	}

.main_cols3_1-2{
margin:0 0 1em;
}

	.main_cols3_1-2 .colA{
	float:none;
	width:auto;
	margin:0 0 1em;
	}

	.main_cols3_1-2 .colB{
	float:none;
	width:auto;
	margin:0 0 1em;
	}

.main_cols4_1-3{
margin:0 0 1em;
}

	.main_cols4_1-3 .colA{
	float:none;
	width:auto;
	margin:0 0 1em;
	}

	.main_cols4_1-3 .colB{
	float:none;
	width:auto;
	margin:0 0 1em;
	}



} /*@media (max-width: 768px) {*/ 


@media (max-width: 600px) {

.banner_img img{top:-40px}/*generico*/ 


.footer_cols2{
margin:0 0 .5em;
overflow:hidden;
}

	.footer_cols2 .col{
	float:none;
	width:auto;
	margin: 0 20px .5em;
	}
	
	.footer_cols2 .col:nth-child(2){
	float:left;
	}	
#sociallinks{float:left;}
#sociallinks ul{float:left;}
#footer #xhtml p{text-align:left;}


}/*@media (max-width: 600px) {*/ 



@media (max-width: 480px) {
.banner_img{height:180px;} 

.banner_box_txt{top:15%;}
.banner_box_txt h2{font-size:1.5em;}
.banner_box_txt .boton{padding:0.5em 1.5em;}

}/*@media (max-width: 480px) {*/