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

/* Estilos */

h1, h2, h3, h4, h5, h6, p, a, footer, .letterpress, #infofooter { font-family: 'Archivo Narrow', sans-serif; color:#fff; text-align:left; font-style:normal;}

h1{font-size:48px; padding-top:10px;	text-align:center; line-height:1.3em; margin:0px; font-weight:normal; color: rgba(133,0,70, 0.5); font-weight: 700; text-shadow: 1px 4px 6px #ffe4f4, 0 0 0 #000, 1px 1px 1px #ffe4f4;}

h2{font-size: 48px; text-align:center; line-height:1.3em; color:#FFFFFF;	text-shadow: black 0.1em 0.1em 0.2em; margin:0px;}

h3{font-size: 22px; text-align:left; color:#ffffff; line-height:1.3em; text-shadow: black 0.1em 0.1em 0.2em; margin:0px;}

h4{ padding-top:10px; line-height:1.3em; color: rgba(85,104,14, 0.5); font-size: 55px; font-weight: 700; text-shadow: 1px 4px 6px #e9ffdd, 0 0 0 #000, 1px 4px 6px #e9ffdd; margin:10px;}

h5{font-size: 20px; text-align:center; color:#ffffff; line-height:1.3em; text-shadow: black 0.1em 0.1em 0.2em; display: inline-block;}

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

p{ text-align: justify; padding:0px 15px;	letter-spacing:1px;	color:#000000; font-size:20px; line-height:30px; text-shadow:none; margin:20px auto;}

a {text-decoration: none;}

a:link {color: #114c72;}
a:visited {color: #475762;}
a:hover {color: #004978;}
a:active {color: #004978;}

/* Divs */

#wrapper{ width:100%; height:auto; text-align:center; margin:0px auto; max-width:1015px;}
	
.logo{ width:100%; height:auto; max-width:297px; margin:0px auto; text-align:center;   float: left;}

.txtlogo{ width:100%; height:auto; max-width:240px; margin:0px auto; text-align:center; font-family: 'Archivo Narrow', sans-serif; text-align: left; padding-top:12px; letter-spacing:1px;	color:#939393; font-size:16px; line-height:20px; margin:0px auto; float: left;}

.submenu{ width:100%; height:auto; margin:5px auto; text-align:center;}

#instalaciones{ width:100%; height:auto; margin:0px auto; text-align:center;}

#instgal{ width:100%; height:auto; margin:20px; text-align:center; float:left; max-width:123px;}

#txtin{width:100%; height:auto; margin:0px auto; text-align:center; float:none; padding-top:1px;}

footer{ width:100%; height:auto; min-height:36px; margin:0px auto; text-align:center; background-color:#858585; font-family: 'Archivo Narrow', sans-serif;color:#FFF; font-size:16px; padding-top: 12px;}

.linea{ background-color: #000; width: 100%; height: 3px; margin: 15px 0px 0px 0px;}

.aviso{ width:100%; height:auto; text-align:center; margin:0px auto;font-family: 'Archivo Narrow', sans-serif; color:#939393; font-size:20px;}

.aviso:hover{ font-family: 'Archivo Narrow', sans-serif; color:#000000; font-size:20px;}

.titulos{ font-family: 'Archivo Narrow', sans-serif; color:#114c72; font-size:18px; float:left; margin:15px;}

.separa{ width:100%; height:1px; margin:0px auto; text-align:center; background-color:#858585; display:inline-block;}

.f{ padding-top:6px;}

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

.ubicacion{width:85%; height:auto; min-height:300px; margin:0px auto; text-align:center;}

<!--galeria movil estilos-->

img { border: none; }

div.gallery-row:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
div.gallery-item { float: left; width: 33.33333333%; }
div.gallery-item a { display: block; margin: 5px; border: 1px solid #3c3c3c; }
div.gallery-item img { display: block; width: 100%; height: auto; }


@media all and (max-width: 553px) {

.logo{ width:100%; height:auto; max-width:297px; margin:0px auto; text-align:center;   float: none;}

.txtlogo{ width:100%; height:auto; max-width:240px; margin:0px auto; text-align:center; font-family: 'Archivo Narrow', sans-serif; text-align: left; padding-top:12px; letter-spacing:1px;	color:#939393; font-size:16px; line-height:20px; margin:0px auto 20px; float: none;}

#instgal{ width:100%; height:auto; margin:0px auto; text-align:center; float:none; max-width:123px;}

}