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

granate #960000
================================================*/

/* 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;
}


/*
--------------------------------------------------------------*/



html { font-size:62.5%;  }


body{
	/*background: url(../img/bg_grunge.png) ;*/ 

font-family: 'Open Sans', sans-serif;
font-size:1.5em;
line-height:1.2em;
color:#444;
}

input, select, textarea{
font-family: 'Open Sans', sans-serif;
font-size:1em;
color:#000;
}


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

ul li{list-style:none;}

a{text-decoration: none;color:#960000;}
a:hover{color:#000 !important;}

strong{font-weight:700;}
em{font-style:italic;}

.nomargin{margin:0 !important;}
.nopadding{margin:0 !important;}
.marginbot{margin: 0 0 1em !important;}
.marginbotx2{margin: 0 0 2em !important;}
.marginbotx3{margin: 0 0 3em !important;}
.nomarginbot{margin-bottom: 0 !important;}
.margin{margin: 1em 0 !important;}
.marginx2{margin: 2em 0 !important;}
.marginx3{margin: 3em 0 !important;}
.margintop{margin-top: 1em !important;}
.margintopx2{margin-top: 2em !important;}
.noborder{border:none !important;}
.noborderradius{border-radius: 0 !important; }
.aright{text-align: right;}
img.aright{float:right;margin: 0 0 6px 12px;}
.aleft{text-align: left;float:left;}
img.aleft{float:left;margin: 0 15px 10px 0;}
.acenter{text-align: center;}
.last{margin:0 !important}
.clear{clear:both;}
.tdu{text-decoration: underline;}
.bgcolor2 {background-color: #fcf6f6;}
.dest, .dest li{color:#1fbdc6 !important;}
.divdest2{background-color: #1fbdc6;color:#fff;}
.color2 {color: #003a49;}
.bold{font-weight:700;}
.fs12{font-size: 1.2em;}

.hr{
border-bottom:2px solid #ddd3be;
margin: 0 0 1em;
}


.cat0 {color:#82008c !important;} /*morado*/
.cat1 {color:#d90000 !important;} /*rojo*/ 
.cat2 {color:#eb8f00 !important;}  /*amarillo*/  
.cat3 {color:#8f4400 !important;} /*marron*/ 
.bgcat {color:#fff;display:inline-block;padding:2px 5px;}
.bgcat0 {background-color:#82008c !important;} /*morado*/
.bgcat1 {background-color:#d90000 !important;} /*rojo*/ 
.bgcat2 {background-color:#eb8f00 !important;}  /*amarillo*/  
.bgcat3 {background-color:#8f4400 !important;} /*marron*/ 
/*

@font-face {
    font-family: 'league_gothicregular';
    src: url('fonts/leaguegothic-regular-webfont.eot');
    src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/leaguegothic-regular-webfont.woff') format('woff'),
         url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'adelle_basic_rgregular';
    src: url('fonts2/adellebasic_regular-webfont.eot');
    src: url('fonts2/adellebasic_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts2/adellebasic_regular-webfont.woff') format('woff'),
         url('fonts2/adellebasic_regular-webfont.ttf') format('truetype'),
         url('fonts2/adellebasic_regular-webfont.svg#adelle_basic_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'futurastd_mdm';
    src: url('fonts3/FuturaStd-Medium.eot');
    src: url('fonts3/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts3/FuturaStd-Medium.woff') format('woff'),
         url('fonts3/FuturaStd-Medium.ttf') format('truetype'),
         url('fonts3/FuturaStd-Medium.svg#futurastd_mdm') format('svg');
    font-weight: normal;
    font-style: normal;

}*/ 

@font-face {
    font-family: 'dinbold';
    src: url('fonts4/ufonts.com_din_bold-webfont.eot');
    src: url('fonts4/ufonts.com_din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts4/ufonts.com_din_bold-webfont.woff') format('woff'),
         url('fonts4/ufonts.com_din_bold-webfont.ttf') format('truetype'),
         url('fonts4/ufonts.com_din_bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


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



.content{
width:940px;
margin: 0 auto;
padding:0 10px;
}

#container{
float:left;
width:100%;
}


#header{
position: relative;

	/*background-color:#364747;*/ 





background-color: #121212;
background: #000 url(../img/bg_header.jpg) repeat-y 50% 0; 

}


#subnav{

background-color: #ae0800;
	background-color: #960000;
	border-top:1px solid #fff;
	border-top:1px solid rgba(255,255,255,0.85);
box-shadow: 0px 2px 10px rgba(0,0,0,0.35);
	border-bottom:1px solid rgba(255,255,255,0.85);

	text-align:center;

}
	#p_mapa #subnav {
	padding:10px 0;
	}


#content{
margin:20px 0 0;
}
	#p_mapa #content{
	margin:0;
	}

#main {
width:auto;
min-height:400px;
margin: 0 0 3em;
}
	/*#main {
	float:right;
	width:680px;
	padding:0 20px 0 0;
	border-right:1px solid #ebebeb;
	min-height:400px;
	}*/ 

#sidebar {
float:left;
width: 219px;
min-height:400px;
}
	/*#sidebar {
	float:left;
	width: 219px;
	min-height:400px;
	}*/ 

#footer{
clear:both;
border-top:4px solid #DDD3BE;
}


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

#mobile-header {
display: none;
}

#header-logo{
padding:20px 0;
text-align:center;
}

#header-content{
float:right;
}

h1{
font-family: 'Averia Sans Libre', cursive;
font-size:24px;
line-height:1em;
letter-spacing:-1px;
text-transform: uppercase; 
color:#fff;
padding:0 80px;
}

h1 a{
color:#fff;
text-shadow: 0 2px 3px #000;

-webkit-transition-property:text-shadow; 
-webkit-transition-duration: 0.21s; 
-webkit-transition-timing-function: ease-in;
transition-property:text-shadow; 
transition-duration: 0.2s; 
transition-timing-function: ease-in;

}

h1 a:hover{
color:#fff !important;
text-shadow: 0 6px 12px #000;

}


/**/ 

#smicons .content{
position:relative;
}

#smicons .content ul{
position:absolute;
bottom:10px;
right:20px;
}

#smicons li{
display:inline;
}
#smicons li a{
display:block;
float:left;
width:24px;
height:24px;
text-indent: -9999px;
margin:0 10px;
opacity:0.75;
}

#smicons a.fb{background: url(../img/ico_fb.png) no-repeat 0 0;}
#smicons a.tw{background: url(../img/ico_tw.png) no-repeat 0 0;}
#smicons a.gp{background: url(../img/ico_gp.png) no-repeat 0 0;}

#smicons li a:hover{
opacity:1;
}



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

#nav{
}

#nav ul{

text-align:center;
}

#nav li{
display:inline;
} 

#nav li a{
position:relative;
z-index:100;

display:inline-block;
margin: 0 6px 0 0;
height:36px;
line-height:36px;
padding:0 25px;
color:#fff;
text-transform: uppercase; 
font-size: 1em;
border-top-left-radius:1px;
border-top-right-radius:1px;
background-color: #600900;
	/*background-color: #9DA4A4;*/ 

	box-shadow: 0px -1px 1px rgba(0,0,0,0.75);


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

    font-family: 'dinbold';

} 

#nav li.active a{
position:relative;
bottom:-1px;
z-index:100;

background-color: #ae0800;
	background-color: #960000;
	border:1px solid rgba(255,255,255,0.85);
	border-width:1px 1px 0 1px;
color:#fff;
} 

#nav li a:hover{
color:#fff !important;
background-color: #960000;
} 




/*SUBNAV
--------------------------------------------------------------*/

#subnav div{
display:inline-block;
}

#subnav label{
color:#fff;
font-weight: 400;
margin: 0 10px 0 0;
white-space: nowrap;
}

		#subnav label span{
		display:none;
		}



/*MAIN_MENU
--------------------------------------------------------------*/




#main #main_menu{}

#main #main_menu ul{
overflow:hidden;
margin: 0 -10px 0.8em;
}

#main #main_menu li{
display:inline;
margin:0;
padding:0;
list-style:none;
}


#main #main_menu li a{
display:block;
float:left;
width:200px;
margin:0 10px 20px;
padding:10px;
font-size:1em;
font-family: 'Arvo', serif;
font-weight: 700;
background-color: #E9DCC2;
border-bottom:4px solid #dcc7a3;
color:#333;
}


#main #main_menu li a span{
display:inline-block;
margin:2px 0 0;
color:#333;
font-size:0.85em;
font-weight: 400;
}




/*MAIN
--------------------------------------------------------------*/
#main {
/*text-shadow: 0 1px 0 rgba(255,255,255, 0.9);*/ 
}



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

#main h2{
margin: 0 0 0.4em;
color:#960000;
font-family: 'Arvo', serif;
font-weight: 400;
font-size:1.5em;
line-height:1.2em;
}

#main .main_tit h2{
font-size:2em;
}

#main h2 a{
}

#main h3{
margin: 0 0 0.7em;
color:#960000;
font-family: 'Arvo', serif;
font-size:1.4em;
line-height:1em;
}

#main h4{
margin: 0 0 1em;
color:#960000;
font-family: 'Arvo', serif;
font-size:1.2em;
line-height:1em;
}


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

	#main .texto {
	padding:0 0 1em;
	margin:0 0 1em;
	clear:both;
	border-bottom:2px solid #ddd3be;

	}


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


/*map--------------------------------------------------------------*/

html, body#p_mapa , #p_mapa #container, #p_mapa #content { height: 100%; }

#p_mapa #footer{
}

#p_mapa #content { 
width:100%;
height: 600px ; 
/*
height: calc(100% - 152px); 
height: -o-calc(100% - 152px);
height: -webkit-calc(100% - 152px); 
height: -moz-calc(100% - 152px); */ 
}

#map{
width:100%;
height: 100% ; 
}


.gm-style .gm-style-iw, .gm-style .gm-style-iw a, .gm-style .gm-style-iw span, .gm-style .gm-style-iw label, .gm-style .gm-style-iw div{
/*font-size:13px;*/ 
font-weight:400;
}

.maphtml {
max-width:450px;
min-width:300px;
padding:10px;
}

.maphtml .anteti{
color:#333;
}
.maphtml .anteti a{
color:#333;
/*background-color: #eb8f00;
color:#fff;
padding:3px 6px;
display:inline-block;*/ 
}

.maphtml .tit{
padding: 0 0 0.5em;
border-bottom:1px solid #ccc;
font-family: 'Arvo', serif;
color:#960000;
}

.maphtml .tit a{
margin: 0 0 1em;
font-size:1.2em !important;
font-weight: 700 !important;
color:#960000;}

.maphtml_cat0 .tit a{color:#82008c;} /*morado*/
.maphtml_cat1 .tit a{color:#d90000;} /*rojo*/ 
.maphtml_cat2 .tit a{color:#eb8f00;}  /*amarillo*/  
.maphtml_cat3 .tit a{color:#8f4400;} /*marron*/ 
 

.maphtml .blq_txt{
overflow:hidden;
border-bottom:1px solid #ccc;
padding: 1em 0 0.5em;
}

.maphtml .img{
float:left;
width:180px;
margin: 0 1em 0.5em 0;
}

#p_mapa .maphtml .img img{
max-width:100% !important;
/*padding:4px;
border:1px solid #DDD3BE;*/ 
}

.maphtml .txt .masinfo{
text-align:right;
margin-top:1em;
}

.maphtml .txt .masinfo a{
background-color: #82008c;
color:#fff;
padding:3px 6px;
display:inline-block; 
}

.maphtml .txt .masinfo a:hover{
background-color: #000;
color:#fff !important;
}

.maphtml .txt .mapshare{
background-color: #f00;
}

/*breadcrumb--------------------------------------------------------------*/


#breadcrumb{
margin: 0 0 1em;
font-size:0.85em;
}



/*list-items--------------------------------------------------------------*/

#main .list-items{
overflow:hidden;
margin: 0 -10px 3em;
}

#main .list-item{
overflow:hidden;
border-bottom:4px solid #ddd3be;

	/*border-bottom:1px solid #bebd9f;
	box-shadow: 0px 1px 0 #fff;*/ 

margin: 0 10px 1em;
padding: 0 0 1em;
width:460px;
float:left;
}


#main .list-item .img {
float:left;
width:180px;
margin: 0 20px 0 0;
}

/*img*/ 

#main .list-item img {
padding:4px;
border:1px solid #DDD3BE;
	/*border:1px solid #bebc96;
	background-color: #fff;*/ 
}
#main .list-item a:hover img {
border:1px solid #c19333;
}


/*txt*/ 
#main .list-item .txt {
}

#main .list-item .txt h2{
}




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

#main .item h2 {
font-size:2em;
}

#main .item .entrad {
margin: 0 0 1em;
padding: 0 0 1em;
border-bottom:2px solid #ddd3be;
}

#main .item .entrad-txt {
font-weight:bold;
margin: 0 0 1em;
}


#main .item .item-header {
overflow: hidden;
border-bottom:2px solid #ddd3be;
padding:0 0 1em;
margin: 0 0 1em;
}

#main .item .lead{
}

#main .item .lead .img{
float:left;
width:460px;
height:345px;
background-color: #F0EDE5;
}

#main .item .lead .map{
float:right;
width:460px;
height:345px;
}


#main .item .lead .img {
    /*height: 150px;*/ 
    overflow: hidden;
	min-height:345px;
/*padding:4px;
border:1px solid #DDD3BE;*/ 

}

#main .item .lead .img img {
    /*width: 400px;
    height: 300px;
    margin: -75px 0 0 -100px;*/ 
}

#main .item #map_canvas{
width:100%;height:100%;
}


/*ITEM-IMGS*/ 
/*CON RowGrid
#main .item .item-imgs {
border-bottom:2px solid #ddd3be;
padding:0 0 1em;
margin: 0 0 1em;
}

#main .item .item-imgs .img {
  float: left;
  margin-bottom: 10px; 
  height:120px;
}
#main .item .item-imgs img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: bottom;
}
#main .item .item-imgs .first-item {
  clear: both;
}
#main .item .item-imgs .last-row, 
#main .item .item-imgs .last-row ~ .img {
  margin-bottom: 0;
}
*/ 

#main .item .item-imgs {
margin: 0 -8px 1em;
}

#main .item .item-imgs .img {
float: left;
margin:8px 8px 8px;
}

#main .item .item-imgs .img  a{
display:block;
}

#main .item .item-imgs img {
display:block;
  max-width: 100%;
  max-height: 100%;
}


.tilt {
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
 
.tilt:hover {
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
   transform: rotate(5deg);
   box-shadow: 0 0 10px rgba(0,0,0,1);
}




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

#main .cols2{
overflow:hidden;
margin:0 -10px 1em;
}

#main .cols2 .col{
float:left;
width:460px;
margin: 0 10px 1em;
}









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

#sidebar .sb_box{
background-color: #E9DCC2;
	/*background-color: #fff;*/ 
border:1px solid #dcc7a3;
}


#sidebar #sb_main{margin:35px 0 0;}

#sidebar .sb_main{}

#sidebar .sb_main li{
display:block;
padding:4px;

border-bottom:1px solid #dcc7a3;
}


#sidebar .sb_main a{
display:block;
padding:10px;

font-size:1em;
font-family: 'Arvo', serif;
font-weight: 700;
/*background-color: #f3f3f3;*/ 
color:#333;
}


#sidebar .sb_main a span{
display:block;
margin:2px 0 0;
color:#333;
font-size:0.85em;
font-weight: 400;
}



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

#footer .content{
padding:1em 0;
}



#footer #xhtml{
text-align:center;
text-transform: uppercase; 
font-size:0.75em;}



#f-banners{
margin: 0 0 1em;
padding: 0;
text-align:center;
}

#f-banners a{
margin: 0 20px;
}

#f-info{
margin: 0 0 1em;
text-align:center;
font-style: italic;
font-size:0.85em;
}

/*CONTACTO-------------------------------------------------*/

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

.cnt fieldset{
border:none;
}

.cnt legend{
display:none;
}

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

.cnt input{
display:block;
width:350px;
margin: 0 0 1em;
padding:2px;
border:1px solid #DDD3BE;
background: #fff;
}

.cnt textarea{
display:block;
width:350px;
height:100px;
margin: 0 0 1em;
padding:2px;
border:1px solid #DDD3BE;
background: #fff;

}

.cnt input.boton{
	width:90px;
	margin: 0 0 0 100px;
	cursor: pointer;

border:none;

	padding: 4px 10px 5px; 
	background-color: #960000;
	color: #fff; 
	font-weight:bold;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}
.cnt input.boton:hover{
	background-color: #4c0000 !important; 
}


} * html .cnt input.boton {margin: 0 0 0 103px;}


.cnt .form-checkbox {
overflow:hidden;
margin: 0 0 1em 100px;
}

.cnt .form-checkbox label{
float:none;
display:inline;
width:auto;
margin:0;
}

.cnt .form-checkbox input[type=checkbox]{
display:inline-block;
width:20px;
}




/*BOTONES
********************************************************************************/ 


.push-button {
    border-radius: 6px;
    box-shadow: 0 7px 0 0 #E43D59;
    font-size: 2em;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}
.push-button {
    background: none repeat scroll 0 0 #E85C73;
    border: 1px solid #E9657B;
    color: #FFFFFF !important;
    display: inline-block;
    padding: 0.8125em;
}




/*CLEARFIX
********************************************************************************/ 
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}







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

@media (max-width: 1200px) {




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


@media (max-width: 991px) {

.content{
width:auto;
}

#subnav label span {display:none;}


#main #main_menu ul{
margin: 0 -5px 0.8em;
}

#main #main_menu li a{
width:20.5%;
margin:0 5px 20px;
}

#main #main_menu li a span {display:inline;}


#smicons .content ul{
	bottom:0;
}

#smicons li a{
	float:none;
	margin:0 10px 5px;
}


#main .list-items{
overflow:hidden;
margin: 0 -10px 3em;
}

#main .list-item{
width:47%;
}

#main .list-item .img {
width:140px;
}

/**/ 

#main .item .lead .img{
width:48.5%;
}

#main .item .lead .map{
width:48.5%;
}

#main .cols2{
}

#main .cols2 .col{
width:47%;
}


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


@media (max-width: 767px) {



			#mobile-header {
			display: block;
			position:absolute;
			top:15px;
			left:20px;

			}
			#mobile-header a{
			display:inline-block;
			background-color: #000;
			color:#fff;
			border-radius:5px;
			font-size:30px;
			padding:20px 25px;
			text-align:center;
			}

			#sidr {
			display: none;
			}

			/*estilos boton RWD*/ 
			.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;
			}




#nav li a{
	margin: 0 ;
	padding:0 10px;
} 




#main #main_menu li a{
width:auto;
display:inline-block;
float:none;
}
#main #main_menu li a span {display:inline;}


#smicons {
	display:none;
}



#main .list-item{
margin: 0 10px 1em;
width:auto;
float:none;
}
#main .list-item .img {
width:180px;
}

#main .item .lead .img{
height:264px;
}

#main .item .lead .map{
height:264px;
}


#main .item .lead .img {
	min-height:264px;
}


#main .cols2{
}

#main .cols2 .col{
float:none;
width:auto;
}


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


@media (max-width: 620px) {

/**/ 

#main .item .lead .img{
float:none;
width:auto;
height:auto;
min-height: 0;
}

#main .item .lead .map{
float:none;
width:auto;
margin: 0 0 1em;
}


.cnt label{
	float:none;
	width:auto;
	text-align: left;
}

.cnt input{
	width:auto;
}

.cnt textarea{
	width:250px;
	max-width:99%;

}


.cnt input.boton{
	margin: 0;
} * html .cnt input.boton {margin: 0 0 0 0px;}


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

.cnt .form-checkbox input[type=checkbox]{
margin: 0 0 0 0;
}




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


@media (max-width: 480px) {

h1 {
    font-size: 20px;
}

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



@media (max-width: 360px) {

#main #main_menu ul{
margin: 0 0 0.8em;
}

#main #main_menu li a{
display:block;
}


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