@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@font-face {
	font-family:'MyriadProRegular';
	src:url('../fuentes/myriadpro-regular-webfont.eot');
	src:local('☺'),
		url('../fuentes/myriadpro-regular-webfont.woff')format('woff'),
		url('../fuentes/myriadpro-regular-webfont.ttf')format('truetype'),
		url('../fuentes/myriadpro-regular-webfont.svg#webfontqSLjBSsd')format('svg');
	font-weight: normal;
	font-style: normal;
}
*{padding:0; margin:0;}
html, body{height:100%;}
ul, li{list-style-type:none;}
img, fieldset{border-width:0;}
a{text-decoration:none; outline-style:none;}
a:hover{text-decoration:none;}
a img{border:none;}
::-moz-selection{background-color:#FFBB00; color:#FFF;}
::selection{background-color:#FFBB00; color:#FFF;}
embed, object, iframe{width:100%; overflow:auto;}
body{font:normal 13px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#FFF; background:#000 url(../imagenes/bg.jpg) center top no-repeat fixed;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block;}
input,select,textarea,label{font:normal 13px/20px 'Open Sans', Arial, Helvetica, sans-serif; color:#484848; vertical-align:middle;}
input,textarea{height:38px; background-color:#e9e9e9; border:#e1e1e1 1px solid; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-bottom:10px;}
input:hover, textarea:hover{background-color:#e1e1e1;}
h1,h2,h3,h4{font-family:'MyriadProRegular', Arial, Helvetica, sans-serif; font-weight:bold; color:#FFF; text-shadow:1px 1px 2px #000; margin-bottom:10px;}
h1{font-size:30px;}
h2{font-size:24px;}
h3{font-size:16px;}
h4{font-size:14px;}
p{margin-bottom:10px;}

/*header*/
header{position:relative; height:170px;}
/*logo*/
header h1#logo{position:absolute; top:20px; left:0;}
header h1#logo a{display:block;}

header ul#rs{position:absolute; bottom:40px; right:0;}
header ul#rs li{float:left; height:36px; line-height:36px; margin-left:20px;}
header ul#rs li a{width:auto; display:block; cursor:pointer; font:normal 16px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#FFF; height:20px; line-height:20px; padding:8px 0 8px 24px; transition:color 1s; -moz-transition:color 1s; -webkit-transition:color 1s; -o-transition:color 1s;}
header ul#rs li a:hover{color:#ffcb08;}
header ul#rs li a.facebook{background:url(../imagenes/iconos/facebook.png) center left no-repeat;}
header ul#rs li a.twitter{background:url(../imagenes/iconos/twitter.png) center left no-repeat;}

header big#slogan{position:absolute; top:40px; right:0; font:italic bold 24px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#FFF; text-shadow:1px 1px 2px #333;}

/*footer*/
footer{margin:20px 0 0; padding:10px 0; border-top:#ffcb08 1px solid;}
footer p, footer a, footer ul{font:normal 14px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#FFF!important; text-transform:uppercase;}
footer ul li{float:left; line-height:normal;}
footer ul li:after{color:#FFF; content:'|'; padding:0 6px;}
footer ul li:last-child:after{display:none;}
footer p#copyright{text-align:right; margin-bottom:0;}

ul#tools{position:absolute; bottom:10px; right:10px;}
ul#tools li{float:left; width:auto; padding-left:24px; margin-left:20px; display:inline; font:normal 14px 'MyriadProRegular', Arial, Helvetica, sans-serif; color:#000;}
ul#tools li.clima{background:url(../imagenes/iconos/clima.png) center left no-repeat;}
ul#tools li.dolar{background:url(../imagenes/iconos/dolar.png) center left no-repeat;}
ul#tools li.ocupacion{background:url(../imagenes/iconos/ocupacion.png) center left no-repeat;}

figure{border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
figure.bordeAmarillo{border:#ffcb08 3px solid;}
figure.bordeVioleta{border:#9925a7 3px solid;}
figure.bordeVerde{border:#70bd40 3px solid;}
figure.bordeTurquesa{border:#48c3d2 3px solid;}
figure.bordeAzul{border:#04106c 3px solid;}
figure.bordeRojo{border:#dd2324 3px solid;}
figure.bordeSandia{border:#c7312b 3px solid;}
figure img{display:block; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}

.titulo{text-align:left; text-transform:uppercase;}
.titulo span{float:right; font:italic 12px Arial, Helvetica, sans-serif; text-align:right;}
.titulo span a{text-decoration:none; color:#FFF;}
.titulo form{float:right;}

/*play*/
.play a {position:relative; z-index:0; display:block; cursor:pointer;}	 
.play a span.over{display:block; position:absolute; top:0; left:0; z-index:1001; width:100%; height:100%; background:#000 url(../imagenes/iconos/play.png) no-repeat 50% 50%;}

/*auxiliares*/
.marginTop{margin-top:20px;}
.marginBottom{margin-bottom:20px;}
.banner{text-align:center !important; margin-bottom:20px!important;}
.banner img{max-width:100%; height:auto; width:auto\9; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
.imagen{max-width:100%; height:auto; width:auto\9; display:block;}
.frame embed, .frame object, .frame iframe{width:100%; height:auto; min-height:300px; margin-bottom:20px;}

/*datos de contacto*/
ul.dc{width:100%; margin-bottom:20px;}
ul.dc li{padding-left:26px; min-height:22px; margin-bottom:6px;}
ul.dc .user{background: url(../imagenes/iconos/user.png) no-repeat left top;}
ul.dc .phone{background: url(../imagenes/iconos/phone.png) no-repeat left top;}
ul.dc .cell{background: url(../imagenes/iconos/cell.png) no-repeat left top;}
ul.dc .mail{background: url(../imagenes/iconos/mail.png) no-repeat left top;}
ul.dc .address{background: url(../imagenes/iconos/address.png) no-repeat left top;}

/*formulario*/
form#formulario{margin:0 auto; width:100%;}
form#formulario label{color:#FFF; display:block;}
form#formulario div{clear:both; overflow:hidden;}
form#formulario input, form#formulario select{width:458px;}
form#formulario textarea{width:458px; min-height:72px!important;}
form#formulario input,form#formulario textarea{color:#777;}
form#formulario input.captcha{float:left; width:278px; border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;}
form#formulario img{border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0;}
form#formulario button{margin:5px auto; display:block;}

/*botones*/
a.boton,button{width:auto; height:40px; line-height:40px; color:#FFF; text-transform:uppercase; text-shadow:1px 1px 1px #000; padding:0 10px; display:inline-block; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
a.boton:link,a.boton:visited,button{background-color:#ffcb08;}
a.boton:hover,button:hover{background-color:#70bd40; text-decoration:none; opacity:0.9;}
button{overflow:visible; cursor:pointer; border:none;}

@media only screen and (max-width: 767px){
/*header*/
header{position:static; height:auto; overflow:hidden;}
header h1#logo,header ul#rs{position:static; top:auto; display:block; margin:4px auto; text-align:center;}
header h1#logo{left:auto;}
header ul#rs{right:auto;}
header ul#rs li{float:none; display:inline-block;} 
/*slogan*/
header big#slogan{display:none;}
.none{display:none!important;}

/*footer*/
footer ul{text-align:center; margin-bottom:10px;}
footer ul li{float:none; display:inline-block;}
footer p#copyright{text-align:center;}

.titulo{text-align:center!important;}
.titulo span{display:none;}

}