* {
	padding: 0; 
	margin: 0; 
	border: 0; 
	text-decoration: none;
}
object, embed, a {
	outline:0
}
ul{
	list-style:none;
}
ul, ol {
	margin: 0px;
}

/*@font-face {
    font-family: 'DINEngschrift';
    src: url('../fonts/din-engschrift-regular.eot');
    src: url('../fonts/din-engschrift-regular.eot') format('embedded-opentype'),
         url('../fonts/din-engschrift-regular.woff2') format('woff2'),
         url('../fonts/din-engschrift-regular.woff') format('woff'),
         url('../fonts/din-engschrift-regular.ttf') format('truetype'),
         url('../fonts/din-engschrift-regular.svg#DINEngschrift') format('svg');
}

font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;

*/

html, body, #page, .alto100
	{
		height: 100%;
	}
html {
	/*min-width:1008px;  Force non responsive */
}

.fakelink {
	pointer-events: none;
}


body, td, th, p, div {
	font-family: 'Open Sans', Arial, sans-serif;
	color: #5F5F61;
	line-height: 130%;
}
body {
	background: #fff; 
	text-align: left; 
	/*min-width: 1008px;  Force non responsive */
	font-size: 16px;
	/*-webkit-overflow-scrolling: none;	*/
	line-height: 130%;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: 400;
	line-height: 125%;
}

h1 {

}
h2 {
	font-family: 'Oswald', sans-serif;
	color: #273138;
	font-size: 30px;
	margin-bottom: 30px;
}
h3 {
	font-family: 'Oswald', sans-serif;
	color: #273138;
	font-size: 18px;
	display: block;
	border-bottom: solid 1px rgba(46,46,46,0.2);
	text-transform: uppercase;
	padding-bottom: 14px;
	margin-bottom: 14px;
}
h4 {
	font-family: 'Oswald', sans-serif;
	color: #fff;
	font-size: 48px;
}
h4 small {
	position: relative;
	top: -5px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	margin-left: 50px;
	left: 0px;
}
h4 small a {
	color: #fff;
}
h5 {
	display: inline-block;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	font-size: 13px;
	color: #fff;
}
h5:after {
	content: '';
	display: block;
	width: 100%;
	margin: 12px 0 18px 0;
	height: 1px;
	background-color: rgba(255,255,255,0.4);
}
h6 {
}

small {
	
}

mark {
	background:none;
	color: #444;
	font-weight:bold;
}

p {
	font-size: 14px;
}

/* Links */
a {
	color: #5F5F60;
}
a:hover {
	text-decoration:none;
	color: #4db6ac;
}
a:focus {
	outline: none;
	text-decoration: inherit;
	color: inherit;
}


/* Form styles */
input[type=text], input[type=password], input[type=email], input[type=tel], textarea, select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	color: #858C9F;
	border: solid 1px #ccc;
	height: 60px;
	padding: 20px 7px;
	line-height: 20px;
}
textarea {
	resize: none;
	height: 123px;
	padding: 5px 7px;
}
/* PLACEHOLDER */
input::-webkit-input-placeholder {
	color: #858C9F;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
} 
textarea::-webkit-input-placeholder {
	color: #858C9F;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
} 
input:-moz-placeholder {
	color: #858C9F;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	opacity: 1;
	line-height: 20px;
} 
textarea:-moz-placeholder {
	color: #858C9F;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	opacity: 1;
	line-height: 20px;
}
input::-moz-placeholder {
	color: #858C9F;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	opacity: 1;
	line-height: 20px;
} 
textarea::-moz-placeholder {
	color: #858C9F;
	font-family: 'Open Sans', arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	opacity: 1;
	line-height: 20px;
}
input[type=submit] {
	cursor:pointer;
}
.select {
	position: relative;	
}
select {
	font-size: 12px;
	background-color: transparent;
	border: none;
	border-bottom: solid 3px #fff;
	font-size: 16px;
	height: 60px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	padding: 0 35px 0 0;
	line-height: 20px;
}
.select select::-ms-expand {
	display: none; /* to ie 10 */
}
:-moz-any(.select):after {
	background-color: transparent; /* this is necessary for overcome the caret default browser */
	pointer-events: none; /* https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events  */
	z-index: 1; /* this is necessary for overcome the pseudo element */
}
.select:after {
	position: absolute;
	right: 0px;
	top: 22px;
	content: '';
	width: 21px;
	height: 11px;
	display: block;
	pointer-events: none;
	background-color: transparent;
	background-image: url('img/ico-select.png');
	background-position: center center;
	background-repeat: no-repeat;
}
.select:hover:after {
}



/* HELPERS */
.f-left {
	float: left;
}
.f-right {
	float: right;
}
.v-center {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.h-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.vh-center {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}
.relative {
	position: relative;
}
.absolute {
	position: absolute;
}
.fixed {
	position: fixed;
}
.nomarginlados {
	margin-left: 0px;
	margin-right: 0px;
}
.wide {
	width: 100%;
}
.block {
	display: block;
}
.inline {
	display: inline-block;
}

/* Triangles */
.triangle-down {
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
}
.triangle-down.negro {
	border-top: 20px solid #000;
}

/* ANIMACION SUAVE */
.anim-suave {
  -webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}

/* COSAS LINDAS */
/* Cambiar color a la selección */
/* webkit, opera, IE9 */
::selection {
	background:#4db6ac;
	color:#fff;
}
/* mozilla firefox */
::-moz-selection {
	background:#4db6ac;
	color #fff;
}
/* Manito en los cliqueables */
a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
	cursor: pointer;
}

/* Quita el borde feo a los input */
input[type="text"]:focus, textarea:focus, input[type="search"]:focus {
	outline: none;
}
/* Opacidad en todos los navegadores */
.cross-opacity {
	/* FF, Safari, Chrome, IE9 y 10 */
	opacity:0.7;
	/* IE */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  /* IE8 */
	filter: alpha(opacity=70); /* IE 5-7  */
}
/* ESTILOS A UN TIPO DE ENLACE 
a[href^="http"] {
	background: url(icono.png) no-repeat;
	padding-left: 10px;
}
a[href*="trazos"] {
	color: #39486c;
}
a[href$=".jpg"] {
	color: red;
}*/

/* Rotar el texto */
.rotate {
	position: absolute;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.overlay {
	display: none;/**/
	opacity: 0;
	background-color: rgba(58,71,80,0.97);
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	position: fixed;
	z-index: 9;
}

/*************************/

/* HEADER */
header {
	background-color: #009688;	
	background-image: url('img/bg-header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
  padding-top: 62px;
}
header nav {
	position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  background-color: #009688;
  background-image: url('img/bg-header.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
  z-index: 9;
	padding: 14px 0;
	text-align: center;
	border-bottom: solid 1px rgba(255,255,255,0.4);
}
header nav .logo {
	float: left;
}
header nav .menu {
	float: right;
	margin-top: 8px;
}
header nav .menu li {
	float: left;
}
header nav .menu li a, header nav .menu li span {
	padding: 4px 12px;
	display: block;
	text-align: center;
	font-size: 13px;
	font-weight: 700;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
	text-transform: uppercase;
	color: rgba(255,255,255,0.4);
	line-height: 18px;
}
header nav .menu li a:hover, header nav .menu li a.activo {
	color: #fff;
}
header nav .menu li {
	position: relative;
}
header nav .menu li a:after {
	position: absolute;
	opacity: 0;
	content: '';
	left: 50%;
	margin-left: -3px;
	width: 0;
	height: 0;
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  top: 100%;
}

/* Slider principal */
#slider {
	height: 438px;
	position: relative;
}
.interna #slider {
	height: 270px;
}


/* ICONOS */
i, .icon {
	display: block;
	background-repeat: no-repeat;
}
.icon.cerrar {
	content: url('img/ico-cerrar.png');
  position: absolute;
  right: 15px;
  top: 50px;
  cursor: pointer;
}
.ico-ubicacion, .ico-comuniquese {
  padding: 10px 0 10px 70px;
	position: relative;
}
.ico-ubicacion:before, .ico-comuniquese:before {
	position: absolute;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ico-ubicacion:before {
	content: url('img/ico-ubicacion.png');
}
.ico-comuniquese:before {
	content: url('img/ico-correo.png');
}


/* SUBMENU */


/* COLORES ROLLOVER */


/* SUBNAV */


/* Sections */
section {
	position: relative;
	overflow: hidden;
}

/* MAIN */
#main {
	padding-top: 38px;
}

/* Soluciones a medida */
#soluciones {
	background-color: #eff7f9;
	padding: 38px 0;
}
#soluciones img {
	position: relative;
	margin-bottom: 20px;
	top: 0px;
}
#soluciones h3 {
	margin-left: 15px;
	margin-right: 15px;
}
#soluciones .solucion {
	cursor: pointer;
}
#soluciones .solucion:hover > img {
	top: -10px;
}


/* Links */
.ver-mas {
	display: inline-block;
	background-color: #2e2e2e;
	color: #fff;
	cursor: pointer;
	margin: 38px 0;
	font-weight: 300;
	font-size: 60px;
	text-transform: uppercase;
	width: 91px;
	height: 91px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	line-height: 91px;
}
.ver-mas:hover {
	color: #2e2e2e;
	background-color: #4db6ac;
}



/* Contact */
#contacto .inner-contact {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

#ok, #error {
	position: fixed;
	bottom: 30px;
	right: 30px;
	text-align: center;
	width: 27%;
	color: #fff;
	padding: 12px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-animation-delay: 10s; /* Chrome, Safari, Opera */
  animation-delay: 10s;
  -webkit-transition: all ease-in-out;
  -o-transition: all ease-in-out;
  transition: all ease-in-out;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 1);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 1);
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	z-index: 9999;
	line-height: 120%;
}
#ok {
	background-color: #009688;
}
#error {
	background-color: #e63725;
}


#contacto .mapa {



}
#map_canvas {

}
#mapCanvas img, #map_canvas img {
  max-width: none !important;
  box-shadow: none !important;
  width: auto;
  display:inline;
}
#mapCanvas label, #map_canvas label { 
  width: auto; display:inline; 
} 
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }

#contacto .min-container {

}

#contacto address {
	float: left;
	width: 50%;
	padding: 0 20px;
	margin-bottom: 0px;
}
#contacto address p {
	position: relative;
	font-size: 1.4em;
	margin-bottom: 0px;
	line-height: 160%;
}

/* Contact Form */
#contacto form {
	padding-top: 20px;
}
#contacto form fieldset {
	margin: 30px 0;
}
#contacto form input, #contacto form textarea {
	background: transparent;
	color: #fff;
	padding: 15px 0;
	border: none;
	border-bottom: solid 3px #fff;
}

#contacto form input[type=submit] {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	width: 73px;
	height: 73px;
	text-transform: uppercase;
	text-align: center;
	border: solid 1px #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
	line-height: 100%;
}
#contacto form input[type=submit]:hover {
	color: #222;
	background-color: #4db6ac;
	border-color: #4db6ac;
}






/* Breadcrumbs */


/* INTERNAS */


.anclas {
	position: absolute;
	left: 45px;
	bottom: 45px;
	width: 30px;
}
.anclas a {
	height: 19px;
	width: 30px;
	float: left;
	position: relative;
	background-image: url('img/pattern.png');
}
.anclas a span {
	color: #666;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	display: none;
	position: absolute;
}
.anclas.invert a span, body.multimedia .anclas a span, body.noticias .anclas a span {
	color: #fff;
}
.anclas a:hover span {
	display: block;
}
.anclas a.subir span {
	top: -20px;
}
.anclas a.bajar span {
	bottom: -20px;
}
.anclas .subir {
	background-position: -220px -60px;
	border-bottom: solid 1px #fff;
}
.anclas a.bajar {
	background-position: -250px -80px;
}
.anclas.invert .subir {
	background-position: -220px -140px;
	border-bottom: solid 1px #000;
}
.anclas .subir:hover {
	background-position: -220px -105px;
	height: 30px;
}
.anclas.invert .subir:hover {
	border-bottom: solid 1px #000;
}
.anclas.invert a.bajar {
	background-position: -250px -160px;
}
.anclas a:hover.bajar {
	background-position: -250px -105px;
	height: 30px;
	margin-bottom: -11px;
}
.anclas.footer {
	top: 50%;
	margin-top: -15px;
	left: -42px;
}
.anclas.footer .subir {
	width: 30px;
	height: 30px;
	position: relative;
	background: #D8D6D8;
}
.anclas.footer a:hover.subir {
	background: #F800BA;
}
.anclas.footer .subir:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -2.5px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 5px solid #fff;
}
body.interna .anclas {
	position: fixed;
	bottom: 20px;
}
body.interna .anclas .subir {
	width: 30px;
	height: 30px;
	position: relative;
	border-bottom: 0;
	background: #292929;
}
body.interna .anclas a:hover.subir {
	background: #F800BA;
}
body.interna .anclas .subir:after {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -2.5px;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 5px solid #000;
}

.vermas-nav .vermas {
	display: inline-block;
	background-color: #C88CDC;
	color: #fff;
	cursor: pointer;
	font-weight: 600;
	font-size: 1em;
	text-transform: uppercase;
	padding: 0 25px;
	line-height: 18px;
}
.vermas-nav .vermas:hover {
	background-color: #8500B2;
}
a.masinfo {
	display: inline-block;
	background-color: #4db6ac;
	color: rgba(255,255,255,0.6);
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0 15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-image: url('img/bg-bot-mas-info.png');
	background-position: center 40px;
	background-repeat: no-repeat;
	line-height: 30px;
}
a:hover.masinfo {
	color: #fff;
	background-position: center 15px;
}
a.vermultimedia {
	display: inline-block;
	color: rgba(255,0,0,0.5);
	font-weight: 700;
	font-family: Verdana, Arial, sans-serif;
	font-size: 1em;
	text-transform: uppercase;
	padding: 4px 0;
	position: relative;
	text-decoration: underline;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
	line-height: 18px;
}
a:hover.vermultimedia {
	color: rgba(255,0,0,1);
}
a.vermultimedia:after {
	position: absolute;
	top: 50%;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
	opacity: 0;
	right: -6px;
	margin-top: -3px;
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 7px solid #FF0000;
	border-bottom: 4px solid transparent;
}
a:hover.vermultimedia:after {
	opacity: 1;
	right: -11px;
}
a.mas {
	display: block;
	position: absolute;
	top: 68px;
	right: 0;
	background-color: #D8D6D8;
	background-image: url('img/pattern.png');
	background-position: -171px -159px;
	height: 24px;
	width: 24px;
}
a:hover.mas {
	background-color: #FF0000;
}
a.mas.menos {
	background-position: -193px -159px;
}
a.accion {
	font-family: verdana, arial, sans-serif;
	font-size: 1.1em;
	float: left;
	width: 100%;
	color: rgba(255,255,255,0.5);
	text-transform: uppercase;
	line-height: 30px;
}
a.accion i {
	background-color: #F93600;
	background-image: url('img/pattern.png');
	position: relative;
	height: 30px;
	width: 30px;
	float: left;
}
a.accion.audio i {
	background-position: -85px -104px;
	margin-left: -1px;
}
a.accion.vidio i {
	background-position: -169px -127px;
	margin-left: -1px;
}
a.accion span {
	width: 0;
	opacity: 0;
	background-color: #F93600;
	float: left;
	white-space: nowrap;
	font-style: normal;
	line-height: 30px;
}
a.accion div span {	
	float: left;
	padding-left: 14px;
	font-style: normal;
	white-space: nowrap;
	position: relative;
	line-height: 30px;
}
a.accion div span:before {
	position: absolute;
	top: 50%;
	left: 0px;
	margin-top: -2.5px;
	content: '';
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 5px solid #F93600;
	border-bottom: 4px solid transparent;
}
a:hover.accion > span {
	width: auto;
	padding: 0 5px 0 14px;
	opacity: 1;
	color: #fff;
}
a:hover.accion div span {
	display: none;
}

a.volver {
	font-family: verdana, arial, sans-serif;
	font-size: 1.1em;
	color: #636363;
	position: absolute;
	right: 0px;
	top: 220px;
	overflow: hidden;
	float: left;
	text-transform: uppercase;
	line-height: 30px;
}
.relacionados a.volver {
	top: auto;
	bottom: -30px;
	z-index: 9;
}
a.volver i {
	background-color: #26D900;
	background-image: none;
	position: relative;
	width: 30px;
	height: 30px;
	float: left;
}
a.volver i span, a:hover.volver span {
	opacity: 0;
}
a:hover.volver i {
	width: auto;
}
a.volver i span {
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
  font-style: normal;
}
a:hover.volver i span {
	opacity: 1;
	padding-left: 32px;
	color: #fff;
}
a.volver span {
	white-space: nowrap;
	position: relative;
	float: left;
	padding-right: 14px;
}
a.volver i:before {
	content: '';
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-right: 6px solid #fff;
	border-bottom: 4px solid transparent;
}

/* Etiquetas */
.etiqueta {
	position: absolute;
	left: -5px;
	top: -5px;
	background-image: url('img/tags2.png');
	width: 67px;
	height: 67px;
	z-index: 3;
}
.etiqueta span.rotate {
	color: rgba(248,248,248,0.85);
	font-weight: 700;
	font-size: 9px;
	letter-spacing: 1px;
	left: 3px;
	text-transform: uppercase;
	top: 10px;
}

/* CAPAS */
.capa {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(183,123,59,0);
}
.capa:hover {
	background-color: rgba(183,123,59,0.7);
}
.capa span:hover {
	color: #B77A3A;
}
/* Capa de ver */
.capa b {
	position: absolute;
	width: 78px;
	height: 78px;
	color: #B77B3B;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-transform: uppercase;
	font-size: 1.8em;
	font-weight: 900;
	text-align: center;
	display: block;
  white-space: nowrap;
	margin-top: 40px;
	opacity: 0;
	line-height: 78px;
}
.capa:hover b {
	margin-top: 0px;
	opacity: 1;
}
/* Capa de multimedia */
.ico-video.capa:after {
	content: '';
	background-image: url('img/pattern.png');
	background-position: -202px -331px;
	width: 68px;
	height: 68px;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0.7;
	margin-left: -36px;
	margin-top: -36px;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.ico-video.capa:hover:after {
	margin-top: -59px;
	opacity: 1;
}
.ico-video.capa span {	
	position: absolute;
	padding: 0 20px;
	color: #fff;
	top: 60%;
	border: solid 1px #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: center;
  white-space: nowrap;
	display: block;
	opacity: 0;
	line-height: 22px;
}
.ico-video.capa:hover span {
	top: 70%;
	opacity: 1;
}
.ico-video.capa span:hover {
	background-color: #fff;
}
.ico-audio.capa:after {
	content: '';
	background-image: url('img/pattern.png');
	background-position: -119px -344px;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	margin-left: -23px;
	margin-top: -23px;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.ico-audio.capa:hover:after {
	margin-top: -40px;
	opacity: 1;
}
.ico-audio.capa span {	
	position: absolute;
	padding: 0 20px;
	color: #fff;
	top: 60%;
  white-space: nowrap;
	border: solid 1px #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	text-align: center;
	display: block;
	opacity: 0;
	line-height: 22px;
}
.ico-audio.capa:hover span {
	top: 70%;
	opacity: 1;
}
.ico-audio.capa span:hover {
	background-color: #fff;
}
.ico-photo.capa:after {
	content: '';
	background-image: url('img/pattern.png');
	background-position: -120px -410px;
	width: 43px;
	height: 35px;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0;
	margin-left: -21px;
	margin-top: -17px;
	-webkit-transition: all .30s ease-in-out;
  -moz-transition: all .30s ease-in-out;
  -o-transition: all .30s ease-in-out;
  -ms-transition: all .30s ease-in-out;
  transition: all .30s ease-in-out;
}
.ico-photo.capa:hover:after {
	margin-top: -40px;
	opacity: 1;
}
.ico-photo.capa span {	
	position: absolute;
	padding: 0 20px;
	color: #fff;
	top: 60%;
	border: solid 1px #fff;
	text-transform: uppercase;
	font-size: 1.2em;
  white-space: nowrap;
	text-align: center;
	display: block;
	opacity: 0;
	line-height: 22px;
}
.ico-photo.capa:hover span {
	top: 70%;
	opacity: 1;
}
.ico-photo.capa span:hover {
	background-color: #fff;
}




/* TABS 
.nav-tabs {
  border-bottom: 0px solid #ddd;
  margin-bottom: -3px;
}
.nav-tabs > li {
  margin-bottom: 0px;
}
.nav-tabs > li > a {
  margin-right: 10px;
  font-family: 'DINEngschrift', arial, sans-serif;
	letter-spacing: 0px;
	font-size: 25px;
	background-color: #dddddd;
	text-transform: uppercase;
	color: #444;
  border: 3px solid #dddddd;
  border-bottom: 0px;
	border-radius: 0;
  line-height: 100%;
}
.nav-tabs > li > a:hover {
  border: 3px solid #dddddd;
  border-bottom: 0px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #8f152e;
  cursor: default;  
  background-color: #ededed;
  border: 3px solid #ddd;
  border-bottom: 0px;
}



.row.equalheight {
    display: table;
}
.row.equalheight [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}*/



/* SPONSORS */


/* PROYECTO */
#proyecto {
	background-color: #273138;
	border-top: solid 3px #fff;
	padding: 50px 0;
	cursor: pointer;
}
#proyecto:hover h4 small {
	left: 20px;
}

.arrow:after {
	content: url('img/ico-arrow.png');
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}


/* FOOTER */
footer {
	position: relative;
	background-color: #000;
	border-top: solid 2px #fff;
	padding: 20px 0 17px 0;
}
footer p, footer p a {
	color: #fff;
	font-weight: 300;
	margin-bottom: 0px;
}
footer em {
	font-weight: 400;
}
footer p.soft, footer p.soft a {
	font-size: 13px;
	color: rgba(255,255,255,0.5);
	line-height: 16px;
}



/* List */
.listado {
	margin: 0 -5px;
}
.listado li {
	width: 33.33%;
	float: left;
	position: relative;
}
.listado li:nth-child(3n+4) {
	clear: left;
}
.listado li figure {
	padding: 0 5px;
}
.listado li figcaption {
	padding: 14px;
}
.listado li figcaption h6 {
	color: #F83400;
	font-size: 1.8em;
	position: relative;
	text-transform: uppercase;
	line-height: 135%;
}
.listado li figcaption h6:before {
	content: '';
	position: absolute;
	left: -14px;
	top: 10px;
	width: 5px;
	height: 5px;
	background-color: #F93600;
}
.listado figcaption b {
	display: block;
	margin-bottom: 6px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #666;
}
.listado li figcaption p {
	font-style: italic;
	color: #5F5F5F;
	font-size: 14px;
}
.listado li a.img {
	position: relative;
	display: block;
}


/* Paginado */
nav.paginado {
	text-align: center;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 10px 0 0 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.pagination > li > a, .pagination > li > span {
	position: relative;
	float: left;
	font-size: 2.4em;
	font-weight: 300;
	padding: 0 24px;
	margin-left: -1px;
	color: #636366;
	text-decoration: none;
	background-color: #fff;
	border: none;
	line-height: 29px;
}
.pagination > li > a:hover, .pagination > li > a.active, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	color: #FF2424;
	font-weight: 400;
	background-color: transparent;
	border-color: transparent;
}
nav.paginado li:first-child a:after {
	display: none;
}
nav.paginado a:after {
	position: absolute;
	content: '';
	left: 0;
	width: 1px;
	height: 20px;
	display: block;
	background-color: rgba(199,199,199,0.6);
	top: 50%;
	margin-top: -10px;
}
nav.paginado .flechas a {
	height: 29px;
	line-height: 29px;
}
nav.paginado .flechas a:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -5px;
	margin-top: -6px;
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
nav.paginado .flechas.atras a:before {
	border-right: 10px solid #FF2424;
}
nav.paginado .flechas.adelante a:before {
	border-left: 10px solid #FF2424;
}
nav.paginado .flechas a:hover:before {
	display: none;
}
nav.paginado .flechas a:hover {
	background-image: url('img/pattern.png');
}
nav.paginado .flechas.atras a {
	background-position: 4px -371px;
}
nav.paginado .flechas.adelante a {
	background-position: -45px -371px;
}








/* A menos de 1024 
@media (max-width: 1024px) {
  body {
		overflow-x: hidden;
	}
}*/

/* A menos de 1100 
@media (max-width: 1117px) {
  header .nav > ul {
  	display: block;
  }
}*/



/* Animacion Palabra home */
#slider h1 {
	font-family: 'Oswald', sans-serif;
	font-size: 90px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	position: absolute;
	width: 100%;
	left: 0px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#slider h1 small {
	color: #fff;
	text-transform: uppercase;
	display: block;
	font-size: 90px;
}
#slider h1 span.tagline {
  position: relative;
}
#slider h1 span.tag-change {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  text-align: center;
  width: 100%;
  height: 110px;
  line-height: 120%;
}
#slider h1 span.tag-change a {
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0px;
  color: transparent;
  text-shadow: none;
  transition: .5s;
  -webkit-transition: .5s;
}
#slider h1 span.tag-change a.active {
	top: 0;
}

/* colors */
#slider h1 span.tag-change a.active {
	color: #fff;
}
 
 
      /* Slide Vertical 
      #home h1.welcome span.tag-change a.vs-out { top: 30px; }
      body.slide-vertical h1.welcome span.tag-change a { top: -20px;}*/
 
      /* Flip Horizontal 
      body.flip-horizontal h1.welcome span.tag-change { perspective: 1000; }
      body.flip-horizontal h1.welcome span.tag-change a { 
        transform: rotateY(180deg); 
        transform-origin: 25% 0;
      }
      body.flip-horizontal #home h1.welcome span.tag-change a.active { transform: rotateY(0deg); }*/
 
      /* Flip Vertical */
      body.flip-vertical #slider h1 span.tag-change { perspective: 1000; }
      body.flip-vertical #slider h1 span.tag-change a { transform: rotateX(180deg); }
      body.flip-vertical #slider h1 span.tag-change a.active { transform: rotateX(0deg); }
 
      /* Bounce */
      body.bounce #home h1.welcome span.tag-change a.active {
        top: 0; 
        -moz-animation-name:bounce;
        -moz-animation-duration:.8s;
        -moz-animation-fill-mode:backwards;
         
        -webkit-animation-name:bounce;
        -webkit-animation-duration:.8s;
        -webkit-animation-fill-mode:backwards;
         
        animation-name:bounce;
        animation-duration:.8s;
        animation-fill-mode:backwards;
      }
      @-webkit-keyframes bounce {
        0%  { top:-70px; -webkit-animation-timing-function:ease-in;  }
        37%   { top:0; -webkit-animation-timing-function:ease-out; }
        55%   { top:-17.5px; -webkit-animation-timing-function:ease-in;  }
        73%   { top:0; -webkit-animation-timing-function:ease-out; }
        82%   { top:-4.9px; -webkit-animation-timing-function:ease-in;  }
        91%   { top:0; -webkit-animation-timing-function:ease-out; }
        96%   { top:-1.4px; -webkit-animation-timing-function:ease-in;  }
        100%  { top:0; }
      }
      @-moz-keyframes bounce {
        0%  { top:-70px; -moz-animation-timing-function:ease-in;  }
        37%   { top:0; -moz-animation-timing-function:ease-out; }
        55%   { top:-17.5px; -moz-animation-timing-function:ease-in;  }
        73%   { top:0; -moz-animation-timing-function:ease-out; }
        82%   { top:-4.9px; -moz-animation-timing-function:ease-in;  }
        91%   { top:0; -moz-animation-timing-function:ease-out; }
        96%   { top:-1.4px; -moz-animation-timing-function:ease-in;  }
        100%  { top:0; }
      }
      @keyframes bounce {
        0%  { top:-70px; -moz-animation-timing-function:ease-in;  }
        37%   { top:0; -moz-animation-timing-function:ease-out; }
        55%   { top:-17.5px; -moz-animation-timing-function:ease-in;  }
        73%   { top:0; -moz-animation-timing-function:ease-out; }
        82%   { top:-4.9px; -moz-animation-timing-function:ease-in;  }
        91%   { top:0; -moz-animation-timing-function:ease-out; }
        96%   { top:-1.4px; -moz-animation-timing-function:ease-in;  }
        100%  { top:0; }
      }


@media (max-width: 992px) {
	header nav {
	  padding: 4px 0 0 0;
	}
	header nav .menu {
		margin-top: 0px;
	}
	header nav .logo {
		float: none;
		display: block;
		text-align: center;
	}
	header nav .menu {
  	display: inline-block;
  	float: none;
	}
	#slider h1, #slider h1 small {
		font-size: 70px;
	}
}

@media screen and (max-width: 768px) {
	h4 {
		font-size: 20px;
	}
	header nav .logo {
		display: none;
	}
	header nav .menu li {
		float: none;
		display: inline-block;
	}
	header nav .menu li a, header nav .menu li span {
		font-size: 10px;
	}
	#slider {
		height: 230px;
	}
	#slider h1, #slider h1 small {
		font-size: 40px;
	}
	#slider h1 span.tag-change {
		height: 50px;
	}

	figure.effect-bubba.bigtit p, figure.effect-bubba p {
		font-size: 40px;
	}

	#proyecto h4 small {
		margin-left: 0px;
		display: block;
		top: 15px;
	}
	
	.icon.cerrar {
		top: -20px;
	}
	#contacto form fieldset {
		margin: 5px;
	}
	#contacto form input {
		height: 26px;
		line-height: 18px;
	}
	#contacto form textarea {
		height: 60px;
		padding: 5px 0; 
	}
	#contacto form select {
		height: 36px;
	}
	#contacto form .select:after {
		top: 10px;
	}

	
	.ico-ubicacion, .ico-comuniquese {
		text-align: center;
		padding-left: 0px;
	}
	.ico-ubicacion:before, .ico-comuniquese:before {
		display: none;
	}
	footer p.soft, footer p.soft a {
		text-align: center;
	}
}