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

/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}


html,
body {
  height: 100%;
  background-color: #000;
}


body{
margin:0;
padding:0;
color: #fff;
text-align: center;
background: url(../proximamente.jpg) right bottom no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
box-shadow: inset 0 0 100px rgba(0,0,0,0.5);
position: relative;
}

.black{
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#wrapper{
	position: relative;
	width: 100%;
	margin: auto;
}

#header{
	width: 100%;
	padding: 100px 0 100px 0;
	margin: auto;
}

/* Estilos */

h1, h2, h3, h4, h5, h6, h7, p, a, footer, .letterpress, #inicio, footer, .icono, #copy, .readmore, #bar, textarea, input[type="text"] { font-family: 'Ubuntu', sans-serif; color:#fff; text-align:center; font-style:normal; font-weight:400;}

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

h2{font-size:52px; padding-top:10px; text-align:left; margin:0px; color:rgba(255,0,0, 0.6); text-shadow:1px 2px 1px #fff, 0 0 0 #000, 1px 2px 1px #fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400;}

h3{font-size:30px; padding-top:10px; text-align:left; margin:0px; color:rgba(85,101,116, 0.9); text-shadow:1px 1px 1px #fff, 0 0 0 #000, 1px 1px 1px #fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400;}

h4{ font-size:30px; padding-top:10px; text-align:center; margin:0px; color:rgba(85,101,116, 0.9); text-shadow:1px 1px 1px #fff, 0 0 0 #000, 1px 1px 1px #fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400;}

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

h6{font-size: 24px; text-align:center; color:#000000; line-height:1.3em; text-shadow:0 1px 0 #FFFFFF; margin:20px; max-width:1000px; display:inline-block;}

h7{font-size:80px; padding-top:10px; text-align:left; margin:0px; color:rgba(255,0,0, 0.6); text-shadow:1px 2px 1px #fff, 0 0 0 #000, 1px 2px 1px #fff; font-family: 'Oswald', sans-serif; text-transform:uppercase; font-weight:400;}

p{text-align: justify; padding:0px 10px; color:#635e58; font-size:14px; margin:20px auto; line-height:20px;}

.red{ color:#fc4349;}

li{font-size:18px; text-align:left;	list-style-type: none;	color:#333333; margin:0px 3px;}

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

/* 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:#333; font-size:20px; line-height:1.3em; text-shadow:0 1px 0 #FFFFFF; display:inline-block; margin:0px; width:90%; max-width:900px; font-weight:lighter;}

hr{ background: url(../images/franja-hr.png); width:99.7%%; height:10px; margin: 0px;}

/* Links */

a { color: #635e58; font-style:normal;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;	color: #fff;}
a:hover {text-decoration: none;	color:#c1c1c1;}
a:active {text-decoration: none; color: #fff;}

/*Marquesina*/

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

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

proximamente

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

#logotipo{ width:100%; height:auto; margin:0px auto; margin:160px auto 183px; position:relative; text-align:center;}

#facebook{ width:300px; height:auto; display:inline-block; margin:20px; background:#ffffff;}

footer{ background:#eaeced; width:100%; height:auto; text-align:center; padding:20px 0px 0px 0px;}

.frame{ border:none; width:100%; height:auto;}

#form{ text-align:center;}

#copy{ width:100%; height:auto; text-align:center; margin:15px auto 0px; padding:15px 0px 15px 0px; background:#2c3e4c; text-transform:uppercase;}

#wereweare{ border-bottom:#000000 solid 2px; border-top:#000000 solid 2px; text-align:center; padding:70px 0px 0px 0px;}

#whoweare{ background:url(../images/fondo-quienes-somos.jpg); width:100%; height:auto; text-align:center; padding:70px 0px 0px 0px;}

#wherearewegoing, #services, #term{ width:100%; height:auto; text-align:center; padding:70px 0px 0px 0px;}

#wrapperterm{ max-width:1100px; width:auto; height:auto; margin:0px auto;}

#bar{font-family: 'Oswald', sans-serif; width:100%; padding:10px 0px 0px 0px; text-align:center; background:#fc4349; font-size:50px; text-transform:uppercase; color:rgba(255,255,255, 0.6); text-shadow:1px 2px 1px #fff, 0 0 0 #000, 1px 2px 1px #fff; font-weight:400; margin: 15% 0px 0px 0px;}

.info{ max-width:500px; width:95%; height:auto; display:inline-block; text-align:left;}

#frases{max-width:500px; width:95%; height:auto; display:inline-block;}

.img{max-width:481px; width:90%; height:auto;}

.img2{max-width:456px; width:90%; height:auto;}

#facebook{ max-width:500px; width:90%; height:auto; text-align:center; overflow: hidden; border: 1px solid #d5d5d5;}

.circles{ max-width:230px; width:95%; height:auto; text-align:center; display:inline-block; margin:0px 20px 30px;}

.readmore{ width:150px; height:20px; padding:8px 0px 8px 0px; color:#FFFFFF; background:#fc4349; font-size:18px; margin:0px auto; text-shadow: black 0.1em 0.1em 0.2em;}

a:hover .readmore{ background:#e3333d;}

#title{ max-width:1000px; width:100%; text-align:left; margin:20px auto;}

#direction{ max-width:250px; height:auto; display:inline-block;}

#contacto{ min-width:600px; max-width:600px; width:100%; height:auto; display:inline-block;}

#iconface{ width:48px; height:48px; background:url(../images/facebook.png); display:inline-block; margin:15px;}

#iconlinked{ width:48px; height:48px; background: url(../images/linkedin.png); display:inline-block; margin:15px;}

#iconface:hover{ background-position:0px 48px;}
#iconlinked:hover{ background-position:0px 48px;}

.maps iframe{
    pointer-events: none;
}

/* 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] {  width: 100% !important;}

/* HEADER TEXT */
#headertxt { max-width:1024px; width:100%; margin:0px auto; clear:both; position: absolute; left:25%;}

#firstline {font-size:50px; padding:4px 13px 7px; float:left; display:block; font-weight:900;	color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;	text-align:center; line-height:60px;}

#secondline {font-size:25px; padding:20px 13px 10px 140px; float:left; display:block; clear:both; color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;	text-align:center; font-weight:900;}

#secondline:hover { color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em;}

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

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

nav{text-align:center; margin:0px 30px; width:auto; min-height:54px; height:auto; display: inline-block;}

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

#nav a{ font-size:18px; color:#3b3896; display:inline-block; padding:8px 10px 0px 10px; text-decoration:none; text-shadow:0 1px 0 #FFFFFF; outline:none; font-family: 'Titillium Web', sans-serif; }

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

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

#nav li{float:left; position:relative;}

#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; padding: 5px; border: 2px solid #9e9e9e; }

.fixed{ position:fixed !important; top:0; z-index:9999; padding:10px 0 0px 0; width:100%; display: inherit !important; height:50px; background: url(../images/fondo-header-menu.png); margin: 0px; text-align: center; left:0; border-bottom:#FFFFFF solid 1px; border-top:#FFFFFF solid 1px; -webkit-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 5px 9px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 5px 9px 0px rgba(50, 50, 50, 0.75);}}

.fixed #nav a{ font-size:24px; color:#fff; display:block; padding:0px 15px; text-decoration:none; text-shadow: black 0.1em 0.1em 0.2em; outline:none;}

/*.main{ position:relative !important;}*/

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

/*==================================================
 # 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:1151px) {
	
header{background:url(../images/fondo-header-menu.png);}

nav{margin:0px auto; width: 100%;}

#bar{ height:auto;}

h3{ text-align:center;}	
	
	}
	
@media handheld, (max-width:850px) {	
#contacto{ width:100%; min-width:300px; max-width:none}
.info{ text-align:center;}
}