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

verde: color:#BFEF01;

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


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*NORMALIZACIÓN
****************************************************************************/ 


html {
    font-family: sans-serif; 
	font-size:62.5%;
}


img {
    border: 0;
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: 100%; 
    margin: 0; 
}


/*****************************************************************************/ 


body {
font-family: verdana, arial, helvetica, sans-serif ;
line-height: 1.4em;
font-size:1.4em;
color:#555;
}


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


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

#main .imgfloat{float:left;padding:0 1em 1em 0;}

a{text-decoration: none;color:#718e00;}
a:hover{background-color:#EBFF99;}

pre{ white-space: pre-wrap; /* CSS 2.1 */ word-wrap: break-word; /* IE7 */ }

strong{font-weight: bold;}

.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;}
.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;}
.color2 {color: #003a49;}

.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: #BFEF01; }
::selection      { color: #fff;  background: #BFEF01; }

::-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 {

background: url("/images/body.jpg") 0 90px repeat-x  ; 

}

#container{
}

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

#header1 {
min-height:90px;
}

#header2{
padding:5px 0;
/*background-color: #D9FE4C;
border-top:2px solid #9faf5e;*/ 
}

#content{
}

#main {
float:right;
width:880px;
padding:50px 30px 30px 30px ;
}

#sidebar {
float:left;
width: 210px;
padding:50px 30px 30px 0;
}

#footer {
/*background: url("/img/bg_footer_wrapper.gif") no-repeat top left; */ 
border-top:2px solid #ccff00;
}

#footer .container {
padding:20px 0 20px;
clear:both;
text-align: center;
}

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

#mobile-header{display:none;}
/*
h1{
float:left;
width:230px;
height:35px;
margin:30px 0 30px 20px;
background: url(/img/logo.gif) 0 0 no-repeat;
}

h1 a{
display:block;
width:230px;
height:35px;
text-indent:-9999px;
outline:none;
}*/ 

h1{
float:left;
font-size:2.4em;
line-height:1em;
margin:30px 0 0 0;
font-family:"Century Gothic", "Trebuchet MS", Tahoma, Verdana;
font-weight: bold;
}
h1 a{color:#BFEF01;}

#slogan {float:right;margin: 5px 20px 0 0;}


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

#nav{
margin:5px -10px 0;
}

#nav li{
display:inline;
} 

#nav li a{
display:block;
float:left;
margin: 0 10px;
padding: 4px 6px;
color:#919191;
font-size: 1.2em;
font-weight: bold;
border-radius: 3px;

-webkit-transition-property:color, background; 
-webkit-transition-duration: 0.2s, 0.2s; 
-webkit-transition-timing-function: linear, ease-in;
transition-property:color, background; 
transition-duration: 0.2s, 0.2s; 
transition-timing-function: linear, ease-in;
} 

#nav li.active a{
color:#000;
} 

#nav li a:hover{
color:#fff;
background: #BFEF01;
} 


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


#main h2 {
margin:0 0 0.5em;
font-size:2.2em;
font-weight: 600;
color:#BFEF01;
line-height:1em; 
}

#main h3 {
margin:0 0 0.8em;
font-size:1.6em;
font-weight: bold;
color:#BFEF01;
}

#main h4 {
margin:0 0 1em;
font-size:1.2em;
font-weight: bold;
}

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


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

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


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

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

#main ol li{
margin:0 0 0 2em;
}

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



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

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

	.main_cols2 .col{
	float:left;
	width:305px;
	margin: 0 10px;
	}

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

	.main_cols3 .col{
	float:left;
	width:196px;
	margin: 0 10px;
	}



/*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:3px 6px;
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 #BFEF01;
	color: #BFEF01;
}

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

#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; 
}


.video_yt {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	max-width:800px;
}
.video_yt iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*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:#BFEF01; 
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:bold;
color:#666;
}

#sidebar h4 a{
color:#666;
}

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

#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 p,#footer a {
text-transform: uppercase; 
}

#footer p {
font-size:0.85em;
}







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



/*label: input*/ 

.cnt {
margin:0 0 2em;
} 

.cnt fieldset{
padding:10px 20px 20px 20px;
border: 1px solid #ccc;

}

.cnt legend{
background-color: #BFEF01;
color:#666;
margin-right:20px;
padding: 7px 10px;
font-weight: bold;

}

.cnt label{
display:block;
float:left;
width:220px;
margin: 0 10px 0 0;
color:#3F3F32;
text-align: right;
}

.cnt input,.cnt select{
display:block;
width:220px;
margin: 0 0 1em;
padding:2px;
border:1px solid #ccc;
background: #fff;
}

	.cnt input.xs,
	.cnt select.xs{
	width:45px;
	}

.cnt input[type=checkbox]{
width:20px;
}

.cnt input[type=radio]{
display:inline;
width:20px;
margin-bottom:1.5em;
}


.cnt textarea{
display:block;
width:260px;
min-width:260px;
height:100px;
min-height:100px;
margin: 0 0 1em;
padding:2px;
border:1px solid #ccc;
background: #fff;
overflow: auto; /*elimina scrollbar del textarea en IE*/

}



/*
	display:block;
	margin-top:1em;
	margin-bottom:2em;
	border-top: 2px solid #EEFFAC;
	border-left: 2px solid #EEFFAC;
	border-bottom: 2px solid #8AAC03;
	border-right: 2px solid #8AAC03;
	padding: 2px 10px;
	text-align: center;
	background: #BFEF01;
	color: #fff;
	font-weight: bold;
	width: auto;

*/ 


.cnt input.boton{
margin: 0 0 0 230px;
font-size:1em;
background-color: #BFEF01;
display:inline-block;
color:#000;
padding:5px 10px;
cursor:pointer;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px; 

}


/**/ 



 


/*
label:
input

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

.cnt fieldset{
border:none;
}

.cnt legend{
display:none;
}

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

.cnt input{
display:block;
width:150px;
margin: 0 0 1em;
padding:2px;
}

.cnt textarea{
display:block;
width:200px;
min-width:200px;
height:100px;
min-height:100px;
margin: 0 0 1em;
padding:2px;
overflow: auto; 

}

.cnt input.boton{
	width:90px;
	cursor: pointer;
	padding: 4px 10px 5px; 
	background-color: #039;
	color: #fff; 
	font-weight:bold;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	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 {
width:640px;
}

#sidebar {
}

.cnt input{
width:220px;
}

.cnt textarea{
width:220px;
min-width:220px;
}

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


@media (max-width: 992px) {

.container{
width:auto;
}

#header{
}

#main {
float:none;
width:auto;
}

#sidebar {
float:none;
width:auto;
padding:20px 30px 30px 30px;
}


/**/ 

#nav {display:none;}
h1{ margin:30px 0 30px 70px; }

#sidr{display:block;}
#header{position:relative;}
/*#mobile-header{display:block;position:absolute;top:25px;left:20px;}
#mobile-header a{display:inline-block;background-color:#000;color:#fff;font-size:30px;padding:20px 25px;text-align:center;}
.box-shadow-menu{}
.box-shadow-menu:before{content:"";position:absolute;left:10px;top:10px;width:1em;height:0.12em;background:white;box-shadow:0 0.3em 0 0 white,
0 0.6em 0 0 white;}*/ 

#mobile-header{display:block;position:absolute;top:25px;left:10px;}
#mobile-header a{display:inline-block;/*background-color:#000;*/ 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:1em;height:0.12em;background:black;box-shadow:0 0.3em 0 0 black,
0 0.6em 0 0 black;}



.cnt label{
float:none;
text-align:left;
}
.cnt input{
float:none;
width:auto;
box-sizing: border-box;
}
.cnt textarea{
float:none;
width:90%;
min-width:auto;
box-sizing: border-box;
}
.cnt input.boton{
margin: 0;
}

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




@media (max-width: 768px) {

#slogan {display:none;}

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




@media (max-width: 480px) {

body {
font-size:1.6em;
}


h1{
font-size:1.8em;
margin:34px 0 30px 70px;

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