@charset "utf-8";
/* CSS Document */

/* Estilos */

body{font-size:18px;}

h1, h2, h3, h4, h5, h6, h7, p, a, footer, .letterpress, footer, .icono, .readmore, textarea, input[type="text"], header, .iconos, #nosotros, .texto, nav, .tels {font-family: 'Quattrocento', serif;  color:#ffffff; text-align:center; font-style:normal; font-weight:300; }

h1{color:#ffffff; text-align:center; text-shadow: black 1px 1px 2px; margin:0px; font-size:4em; font-weight:400; padding:20px 0px 25px 0px;}

h2{color:#ffffff; text-align:center; text-shadow: black 1px 1px 2px; margin:0px; font-size:2em; font-weight:400; padding:20px 0px 25px 0px;);
}
h3, h4{font-size:36px; text-align: left; margin:30px; color:#ffffff;  text-shadow: black 0.1em 0.1em 0.2em; font-weight:400;}

h4{ font-size:60px;}

h5{color:#ffffff;  text-shadow: black 0.1em 0.1em 0.2em; font-size:30px; line-height:1.3em; margin:10px 0px 10px 20px; text-align:center;}

h6{background:#027e46; font-size:36px; text-align:center; color:#ffffff; line-height:1.3em;  text-shadow:black 0.1em 0.1em 0.2em; max-width:1000px; margin:20px 0px;}

p, .parrafo{ font-size:18px; text-align: justify; padding:0px 10px; color:#ffffff;  text-shadow: black 0.1em 0.1em 0.2em; margin:20px auto; line-height:22px; width:95%; font-weight:100; vertical-align: top;} 

.rojo{ color:#fc4349;}

li{font-size:18px; text-align:center;	list-style-type: none;	color:#ffffff; margin:0px 3px; text-shadow: black 0.1em 0.1em 0.2em;}

.li{color:#333; font-size:20px; line-height:1.3em; min-width:1000px; text-shadow:none; display:inline-block; list-style-type:disc; margin:0px;}

#datos a{ color:#ffffff;}
/* Letra Presionada */

.letterpress{color:#333; font-size:20px; line-height:1.3em; text-shadow:0 1px 0 #FFFFFF; display:inline-block; margin:0px; text-align:center; }

.parrafo{color:#ffffff; font-size:18px; text-align:center; max-width:1024px; text-shadow: black 0.1em 0.1em 0.2em; display:block;}

hr{  width:99.7%; margin: 0px; color:#ffffff;  text-shadow: black 0.1em 0.1em 0.2em;}

.texto{ color:#000000; text-shadow: 0.5px 0.866px 0px rgba(255, 255, 255, 0.318); font-size:24px;}

img{ max-width:100%;}

/* Links */

a { color: rgba(203, 77, 36, 1);  }
a:link {text-decoration: none;}
a:visited {text-decoration: none;	color:#ffffff;}
a:hover {text-decoration: none;	color:#da251d;}
a:active {text-decoration: none; color: #000000;}
a.tels:active, a.tels:hover{ color: #c1c1c1;}

/*Marquesina*/

.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:600px; position:absolute; background-size:cover;}

/* -------- Divs ----------  */

header{ width:100%; height:auto; text-align: center; padding:40px 0px 0px 0px; background:url(../images/fondo-header.png) center bottom no-repeat;}

#logo{ display:inline-block; vertical-align: top;}
#iconos{ width:100%; max-width:1144px; height:auto; margin:10px auto; text-align:center;}
#video{ width:100%; max-width:1144px; height:auto; margin:10px auto; text-align:center;}
.iconos{ width:204px; height:auto; min-height:214px; text-align:center; text-shadow: black 1px 1px 2px; padding:25px 0px; font-size:1.22em; display:inline-block; margin:1px; vertical-align:top;}
#sam{ background: url(../images/fondo-sam.jpg);}
#cctv{ background: url(../images/fondo-cctv.jpg);}
#sa{ background: url(../images/fondo-sa.jpg);}
#es{ background: url(../images/fondo-es.jpg);}
#aav{ background: url(../images/fondo-aav.jpg);}
#nosotros{ background:#071c23; padding:20px 0px; text-align:center; margin:0px auto;}
#wrapperparrafo{ max-width:600px; height:auto; margin:0px auto; display:inline-block; vertical-align: top;}
.txticons{ display: inline-block; margin:20px 0px 0px 0px;}
.tels{ margin:0px 0px 20px 0px;font-size: 30px;}
.wrapperinterioricon{max-width: 331px; margin: 0px auto; text-align:center;}
#contacto{ background:#323232; width:100%; height:auto; text-align:center; padding:25px 0px;}
footer{ width:90%; height:auto; text-align:center; padding:25px 0px; font-weight:200; font-size:18px; color:#ffffff; margin:0px auto; text-shadow: black 0.1em 0.1em 0.2em;}
#formacontacto, #datos, #mapa{max-width:400px; width:100%; height:800px; display:inline-block; vertical-align:top; margin: 15px;}
#mapa, #datos{height: 700px;}
#conte{ border:none;}

.responsive-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.responsive-iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {  display: none;}

/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
	max-width:500px; width:95%; height:auto; 
	}
.myButton {
	-moz-box-shadow: 3px 4px 0px 0px #8a2a21;
	-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
	background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
	background-color:#c62d1f;
	-moz-border-radius:18px;
	-webkit-border-radius:18px;
	border-radius:18px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:27px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
	    margin: 25px 0px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
	background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
	background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
	background-color:#f24437;
}
.myButton:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

.myButton:visited {
	color:#ffffff;
}

/* -------- Menu 

nav{text-align:center; width:100%; height:64px; display:inline-block !important; background: #da251d;}

#nav, #nav ul{padding:10px 0px 0px 0px; margin: 0px auto; width:100%;}

#nav a{ font-size: 24px; display:inline-block; padding:8px 10px 10px 10px; text-decoration:none; color:#ffffff; text-align: center; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.196); outline:none; font-weight:300;}

#nav a:hover{ color:#f0c2b3; padding:8px 10px 10px 10px; text-decoration:none; outline:none; display:inline-block; text-shadow:none;}

#nav a:active{ color:#683025; padding:8px 10px 10px 10px; display:inline-block; text-decoration:none; text-shadow:0 1px 0 #ef907c;  outline:none;}

#nav li{display: inline-block; vertical-align: top;}

#nav ul {position:absolute; display:none; top:1.5em;}

#nav li ul a{width:6em; height:auto; float:left; }

#nav ul ul{top:auto;}	

#nav li ul ul {left:12em; margin:0px 0 0 10px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}	

nav select {width:90%; min-width:300px; font: 12px/15px Arial, Helvetica, sans-serif; color: #464646; outline: none; margin: 14px 0px 0px 0px; border: 2px solid #9e9e9e; }----------  */


/* -------- Menu ----------  */

nav{text-align:center; width:100%; height:auto;  background: #da251d; font-family: 'Lato', sans-serif; position: relative; z-index: 50; padding: 15px 0px;}

#nav, #nav ul{padding:6px 0px 0px 0px; margin: 0px auto;}

#nav a{ font-size: 24px; color:#ffffff; display:inline-block; padding:8px 10px 10px 10px; text-decoration:none; text-shadow: black 0.1em 0.1em 0.2em; outline:none; }

#nav a:hover{ color:#bcbcbc; padding:8px 10px 10px 10px; text-decoration:none; ttext-shadow:0 1px 0 #FFFFFF;  outline:none; display:inline-block;}

#nav a:active{ color:#000; padding:8px 10px 10px 10px; display:inline-block; text-decoration:none; text-shadow:0 1px 0 #FFFFFF;  outline:none;}

#nav li{display: inline-block;  vertical-align: top;}

#nav ul {position:absolute; display:none; top:1.5em;}

#nav li ul a{width:6em; height:auto; float:left; }

#nav ul ul{top:auto;}	

#nav li ul ul {left:12em; margin:0px 0 0 10px;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none;}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block; background:#da251d; padding: 15px 0px 0px 0px; margin:35px 0px 0px 0px;}

nav select {width:90%; min-width:300px; font: 12px/15px Arial, Helvetica, sans-serif; color: #464646; outline: none; padding: 5px; border: 2px solid #9e9e9e; }

.fixed{ position:fixed !important; top:0; z-index:9999; width:100%; display:inline-block !important; background:#da251d;  margin: 0px; text-align: center; left:0;}

.fixed #nav a{ font-size:24px; display:inline-block; padding:8px 10px 10px 10px; text-decoration:none; color:#ffffff; text-align: center; text-shadow: black 0.1em 0.1em 0.2em; outline:none; }

.fixed #nav a:hover{color:#bcbcbc;} 
.fixed #nav a:active{color:#000; text-shadow:0 1px 0 #FFFFFF;}

#wrapperinheader nav{ max-width:none;}

.oculto{ display:none;}
.mostrar{ display:block; height:57px; width:100%;}


/*Campos de Texto*/

textarea, input[type="text"] {
    border:1px solid #ccc; font-size:16px;  margin:5px;    padding:5px; -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;	-moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset;	box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2) inset; text-align:center; width:170px; height:42px; color:#000;} 	
		
textarea{width:230px; height:110px;}

#BReservar{background:url(../images/b-reservar.png); width:114px; height:39px; text-align:center; margin:0px auto; border:none; cursor:auto;}

#recaptcha_widget_div{width: 320px;  display: inline-block;}


/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0px auto;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  /*animacion*/
  
  .ver-first{display: inline-block;}

.ver-first  {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.ver:hover  {
   -webkit-transform: scale(1.2,1.2);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);
}


  
  /*==================================================
 # Cursors
==================================================== */
	html, body, #facebook{cursor:url(../images/cursor/cursor.cur),default;}
	
	 input[type="button"], input[type="reset"], input[type="submit"], #enviar, a, #fancybox-overlay, .fancy-ico, #facebook, .slide, .circle:hover, .circle:active {cursor: url(../images/cursor/hand.cur),pointer !important;}
	
	input, #TxbMensajec {cursor: url(../images/cursor/text.cur),text;}
	abbr, acronym, .postcontent dfn{cursor: url(../images/cursor/help.cur),help;}


@media handheld, (max-width:900px) {
	nav{ width:100%; margin:0px auto;}
}

@media handheld, (max-width:1382px) {
	#wrapperfotos{ max-width:658px; width:95%; height:auto; display:inline-block;}
}

@media handheld, (max-width:800px) {
	img{display:inline-block; vertical-align: middle;}
	.iconos { width:100%; min-height:100%;}
	.txticons{ vertical-align: middle;}
	.iconos{padding: 5px 0px;}
	.wrapperinterioricon{text-align: left;}
}

@media handheld, (max-width:380px) {
	.wrapperinterioricon{ text-align:center; max-width: 210px;}	
	}

@media handheld, (max-width:400px) {
	#formacontacto{ height:750px;
	}