/* RESET 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; outline:0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; text-align: center; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, address { display: block; text-align: center; }

/*FONT FACE*/
@font-face { font-family: 'ChunkFiveRoman'; src: url('../fuentes/chunkfive-webfont.eot'); src: url('../fuentes/chunkfive-webfont.eot?#iefix') format('embedded-opentype'), url('../fuentes/chunkfive-webfont.woff') format('woff'), url('../fuentes/chunkfive-webfont.ttf') format('truetype'), url('../fuentes/chunkfive-webfont.svg#ChunkFiveRoman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PTSansNarrowRegular'; src: url('../fuentes/ptn57f-webfont.eot'); src: url('../fuentes/ptn57f-webfont.eot?#iefix') format('embedded-opentype'), url('../fuentes/ptn57f-webfont.woff') format('woff'), url('../fuentes/ptn57f-webfont.ttf') format('truetype'), url('../fuentes/ptn57f-webfont.svg#PTSansNarrowRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'PTSansRegular'; src: url('../fuentes/pts55f-webfont.eot'); src: url('../fuentes/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('../fuentes/pts55f-webfont.woff') format('woff'), url('../fuentes/pts55f-webfont.ttf') format('truetype'), url('../fuentes/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal; }

/*GENERAL*/
body { background:#ccc url(../imagenes/fondo-body.png) no-repeat center top; font: 1em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #000; }
a:focus { outline:none }
a img { border: none; }
.carga-img { background: transparent url(../imagenes/loading.gif) no-repeat center center; }
.clear { clear: both; }

/*CONTENIDOS*/
#main-container { margin: 0 auto; padding: 0; text-align: left; background: transparent; width: 100%; }
#contenidos { width:960px; margin:0 auto; overflow:hidden; padding: 0; background: #EFEFEF; }
section { text-align: left; margin: 0; padding: 0; overflow: hidden; }
article { overflow: hidden; margin: 0; padding: 0; }
#content { width: 680px; padding: 0 0 10px 20px; float: left; overflow: hidden; margin: 0 10px 0 0; height: auto; position: relative; height:100%; height:auto !important; min-height: 500px; }
#content h1 { padding: 0 0 5px 10px; margin: 0 0 20px 0; text-align: left; font: 2em 'ChunkFiveRoman', Arial, Helvetica, sans-serif; color: #DD2108; border-bottom: 15px solid #E9E9E9; }
#content h2 { padding: 10px 0; margin: 0; text-align: left; font: 1.8em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #000; }
#content h3 { padding: 10px 0; margin: 0; text-align: left; font: bold 1em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #000; }
#content span { padding: 0; margin: 0; text-align: left; font: bold 1em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #AB322E; float: right; }
#content p { padding: 0 0 5px 0; margin: 0; text-align: left; }
#content ul { list-style: none; margin: 10px 0 10px 40px; padding: 0; }
#content li { background: url(../imagenes/pin.png) no-repeat left center; margin: 0; padding: 0 0 5px 25px; }
#content img.fotito { padding: 10px; margin: 0 15px 0 5px; float: left; -webkit-box-shadow: #CCC 0 0 12px; -moz-box-shadow: #CCC 0 0 12px; -khtml-box-shadow: #CCC 0 0 12px; -ms-box-shadow: #CCC 0 0 12px; -o-box-shadow: #CCC 0 0 12px; box-shadow: #CCC 0 0 12px; background: #fff; behavior: url(pie.htc); position: relative; }
#ciudades { margin: 0; padding: 0; clear: both; height: auto; width: 720px; }
.lista-ciudades-izq { width: 300px; margin: 20px 0 0 0; padding-left: 20px; float: left; display: block; }
.lista-ciudades-der { border-left: 1px solid #CCC; width: 300px; margin: 20px 0 0 0; padding-left: 20px; float: left; display: block; }

/*LATERAL*/
#sidebar { float: left; padding: 0; overflow: hidden; margin: 0; position: relative; width: 240px; }
aside { float: left; padding: 0 20px 10px 10px; margin: 0 auto; overflow: hidden; position: relative; text-align: left; }
aside h1 { padding: 0 0 5px 10px; margin: 0 0 20px 0; text-align: left; font: 1.5em 'ChunkFiveRoman', Arial, Helvetica, sans-serif; color: #DD2108; border-bottom: 15px solid #E9E9E9; }
aside h2 { padding: 0 0 15px 0; margin: 0; text-align: left; font: bold 1.5em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #000; }
aside p { padding: 0 5px 5px 5px; margin: 0; text-align: left; font:  0.8em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #000; }
aside h3 { padding: 0 0 5px 5px; margin: 0; text-align: left; font: bold 0.9em 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; color: #000; }
aside a, aside a:visited { text-decoration:underline; color:#000; font: 0.8em 'PTSansRegular', Arial, Helvetica, sans-serif; padding: 0 0 5px 5px; margin: 0; }
aside a:hover, aside a:active, aside a:focus { text-decoration:none; color:#999; }
.bloque-contorno { margin: 0 0 25px 0; padding: 5px; float: left; width: 200px; background: #F4F3F0; border: 1px solid #111316; -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */ -moz-border-radius: 5px; /* FF1-3.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ behavior: url(pie.htc); position: relative; }
.bloque { margin: 0 0 10px 0; padding: 0; float: left; }

/*DESCARGAS*/
#contenedor-descargas { margin: 20px 0 0; padding: 0; width: 680px; overflow: hidden; position: relative; }
#contenedor-descargas .item-descarga{ margin: 0; padding: 0 25px 0 30px; width: 170px; display: block; float: left; overflow: hidden; position: relative; }
#contenedor-descargas div.boton-descarga{ margin: 0 auto; width: 170px; padding: 10px 0; text-align: center; }
#contenedor-descargas figure figcaption{ margin: 0 auto; padding: 10px 0 0 0; text-align: center; font: 0.9em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #000; }
#contenedor-descargas h1.h1aside-pdf { font: 1.5em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #DD2108; background: url(../imagenes/flecha-abajo.png) no-repeat left 5px; border-bottom: 1px dotted #DD2108; padding-left: 35px; }


/*HEADER */
header { overflow: hidden; margin: 0; padding: 0; width:100%; }
#fondo-header { width:100%; background:#FFF url(../imagenes/fondo-header.gif) repeat-x left top; height: 175px; }
#cabecera { overflow: hidden; margin: 0 auto; padding: 0; position: relative; width: 960px; height:175px; background: url(../imagenes/fondo-encabezado.jpg) no-repeat left top; }
#swf-content { height: 250px; width: 960px; position: absolute; margin: 0; padding: 0; left: 0; top: 0; background: transparent; }
#direccion-header { margin: 0; padding: 0; overflow: hidden; position: absolute; left: 330px; top: 50px; font: bold 1em/20px 'PTSansRegular', Arial, Helvetica, sans-serif; color: #AB322E; text-align: left; }
#redes-sociales { margin: 0; padding: 0; height: 32px; width: 73px; overflow: hidden; position: absolute; left: 869px; top: 303px; }

/*NAVEGACION*/
#menu-header { margin:0; padding: 0; width: 700px; overflow: hidden; position: absolute; background: transparent; left: 19px; top: 115px; z-index: 1000; }
nav { overflow: hidden; margin: 0; padding: 0; background: transparent; }
#nav-header { display:block; height:40px; margin: 0; padding: 0; width:100%; clear: both; background: transparent; }
#nav-header ul { margin:0 auto; padding:0; list-style:none; }
#nav-header ul li { float:left; height:20px; line-height:7px; margin-top:8px; overflow:hidden; text-align:center; padding:0 20px 0 30px; background: url(../imagenes/separador-menu.png) no-repeat left center; }
#nav-header ul li.primero { float:left; height:20px; line-height:7px; margin-top:8px; overflow:hidden; text-align:center; padding:0 20px 0 8px; background: transparent;}
#nav-header ul li a, #nav-header ul li a:visited { text-decoration:none; color:#7B7B7B; font: 1em 'ChunkFiveRoman', Arial, Helvetica, sans-serif; }
#nav-header ul li a:hover, #nav-header ul li a:active, #nav-header ul li a:focus, #nav-header ul li a#current { text-decoration:none; color: #DD2108; }
#nav-header ul li a#current { text-decoration:none; color: #DD2108; font: 1.1em }

/*SLIDERSHOW*/
.slideshow { height: 350px; width: 920px; padding: 0 0 20px; margin: 0 auto 20px; overflow: hidden; position: relative; background: #EFEFEF url(../imagenes/sombra-slider.jpg) no-repeat center bottom; }
.slideshow figure img { padding: 0; margin: 0; }

/*FOOTER*/
footer { padding: 0; position: relative; clear: both; font: 0.8em 'PTSansRegular', Arial, Helvetica, sans-serif; text-align: center; color: #fff; margin: 0; overflow: hidden; width: 100%; background: #FFF url(../imagenes/fondo-footer.gif) repeat-x left top; height: 240px; }
#content-footer { width:960px; margin:0 auto;/* [disabled]overflow:hidden;
*/ padding: 0; height: 240px; background: url(../imagenes/fondo-content-footer.jpg) no-repeat left top; position: relative; }
#menu-footer { margin:10px 0 0 0; padding: 0; width: 100%; overflow: hidden; }
#nav-footer { display:block; height:30px; margin:0; padding: 0; clear: both; overflow: hidden; position: absolute; left: 641px; top: 110px; width: 330px; z-index: 10; }
#nav-footer ul { padding:0; margin:0; list-style:none; float:left; position:relative; }
#nav-footer ul li { float:left; position:relative; border-right:1px solid #525959; height:18px; line-height:7px; margin-top:8px; overflow:hidden; text-align:left; padding:0 8px 0 8px; margin:0; }
#nav-footer ul li.last { border:0; }
#nav-footer ul li a, #nav-footer ul li a:visited { text-decoration:none; font: 1em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #595959; }
#nav-footer ul li a:hover, #nav-footer ul li a:active, #nav-footer ul li a:focus { text-decoration:none; color:#DD2108; }
address { margin: 0; padding: 0; font: 1.1em/20px 'PTSansNarrowRegular', Arial, Helvetica, sans-serif; color: #595959; text-align: left; position: absolute; left: 15px; top: 95px; width: 550px; }
#addthis { margin: 0; padding: 15px 0 5px 350px; overflow:hidden }

/*GALERIA DE IMAGENES*/
#contenedor-album { margin: 0 auto; padding: 0; /*width:720px; height:auto; overflow:hidden;*/ }
.iframe { margin:0; padding:0; border:0; overflow:hidden; width: 720px; height:600px; }

/*ADD THIS*/
#addthis { text-align: left; margin: 0; padding: 15px 0 0 0; width: 100%; overflow:hidden; clear:both;}

/*TRADUCTOR*/
#traductor { margin: 0; padding: 0; overflow:hidden; position: absolute; left: 345px; top: 180px; text-align: center; }

/*FORMULARIO*/
#form-content{ margin: 0; padding: 0; width: 100%; overflow: hidden; position: relative; }
form#contactos fieldset { position: relative; padding: 10px 20px; margin: 20px auto; border: 0; background-color: #fff; width: 400px; text-align: left; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -moz-box-shadow: 0 0 10px #999; -webkit-box-shadow: 0 2px 10px #999; box-shadow: 0 0 10px #999; behavior: url(pie.htc); }
form#contactos input[type="text"], input[type="url"], input[type="email"], input[type="tel"], input[type="date"], textarea { position: relative; margin: 3px 0 0 0; padding: 6px; width: 260px; font-family: 'PTSansRegular', Arial, Helvetica, sans-serif; font-size: 0.9em; border: 1px solid #ccc; background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #f4f4f4), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px); behavior: url(pie.htc); }
form#contactos textarea { width: 275px; height: 150px; }
form#contactos label { display: block; font-size: 13px; color: #666; margin-top: 10px; font-weight: bold; }
form#contactos label.error { width: 270px; margin: 3px 0 0 0; display: block; color: #cf0101; font-size: 11px; text-align: right; }
form#contactos .placeholder { color: #aaa; }
form#contactos .button { position: relative; display: inline-block; margin: 10px 0 10px 250px; padding: 5px 8px 5px 8px; background-color: #DB2108; border: none; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; behavior: url(pie.htc); font-family: 'PTSansRegular', Arial, Helvetica, sans-serif; font-size: 0.9em; text-align: right; }
form#contactos .button:hover { background-color: #666; cursor: pointer; }
form#contactos .button:active { margin-top: 16px; background-color: #999; cursor: pointer; }
label.error { display: block; color: red; font-size: 11px; font-weight: bold; }
form#contactos .superior{ vertical-align: top; }
#content-gracias{padding:20px}

/*GOOGLE MAPS*/
#mapa { margin:0 auto; padding: 20px 0 20px 0; width: 650px; height: 550px; }
#mapCanvas { width:100%; height:100%; min-width:300px; min-height:300px }

/*ERROR 404*/
#error404{ padding: 20px }
#error404 ul li { list-style: none; }
#error404 input[type="text"] { margin: 5px; padding: 6px; width: 260px; border: 1px solid #333; font: 0.9em 'PTSansRegular', Arial, Helvetica, sans-serif; color: #AB322E; }

/*videos*/
.videos{ margin: 0; padding: 0; width: 100%; overflow: hidden; position: relative; }
.video-content{margin: 0 auto; padding: 0; width: 480px; overflow: hidden; position: relative;}
.youtube-player { margin: 0; padding: 0; width: 480px; overflow: hidden; height: 385px; border:0;}

/*SERVICIOS*/
#content-servicios { margin: 15px 15px 15px 0; padding: 0; text-align:left;}
#content-servicios h1 { color: #2C2E91; font: bold 1.5em 'PTSansRegular', Arial, Helvetica, sans-serif; padding-bottom: 10px; }
#content-servicios h2{ color: #666; font: bold 1.2em 'PTSansRegular', Arial, Helvetica, sans-serif; background: url(../img/theme/flechah2.png) no-repeat left center; margin: 0 0 0 10px; padding: 10px 0 10px 25px; }
#content-servicios p { color: #666; margin: 0; padding: 0 15px 15px 0; font: 0.85em 'PTSansRegular', Arial, Helvetica, sans-serif; }
#content-servicios ul { list-style: none; margin:0; padding: 0; }
#content-servicios li { float:left; margin:0; padding: 0 5px 5px 10px; display: block; clear: both; overflow: hidden; width: 100%;}
#content-servicios li img{ float: left; padding: 10px; margin: 12px; text-align: center; -webkit-box-shadow: #CCC 0 0 12px; -moz-box-shadow: #CCC 0 0 12px; -khtml-box-shadow: #CCC 0 0 12px; -ms-box-shadow: #CCC 0 0 12px; -o-box-shadow: #CCC 0 0 12px; box-shadow: #CCC 0 0 12px; background: #fff; behavior: url(pie.htc); position: relative;}
#content-servicios figcaption { margin: 0; padding: 10px 0 0 0; font: 0.8em 'PTSansRegular', Arial, Helvetica, sans-serif; text-align: left; color: #666; }
#content-servicios figcaption h3 { color: #666; font: bold 1.1em 'PTSansRegular', Arial, Helvetica, sans-serif; padding-bottom: 10px; text-align: left; }
#content-servicios figcaption strong { font: bold 0.85em 'PTSansRegular', Arial, Helvetica, sans-serif; text-align: left; color: #666; text-align: left; background: url(../img/theme/lista.png) no-repeat left 2px; padding-left: 10px; }