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;}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {lidesk-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body{font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 16px; color: #6f6f6f; background-color: #FFF; margin: 0; padding: 0;}
.clear{clear: both;}

h1{font-size: 40px; line-height: 50px; text-align: center; color: #000; margin: 0 0 40px 0;font-weight: normal;}
h2{font-size: 30px; line-height: 30px; margin: 0 0 20px 0; color: #000; font-weight: 700;}
h3{font-size: 18px; line-height: 30px; margin: 0 0 15px 0; color: #1d1d1d; padding: 0; margin: 0 0 30px 0;}
h3:last-child{margin: 0; padding: 0}
p{padding: 0; margin: 0 0 30px 0}
p:last-child{padding: 0; margin: 0 0 0px 0}
a{color: #555; text-decoration: none}
b{font-weight: 700;}

.a-l{text-align: left;}
.a-c{text-align: center;}
.a-r{text-align: right;}

.bg1{background-color: #FFF !important; color: #000}
.bg1 h1{color: #000 !important;}
.bg1 h3{color: #777 !important;}

.bg2{background-color: #292929 !important; color: #CCC}
.bg2 h1{color: #CCC !important;}
.bg2 h3{color: #CCC !important;}

.bg3{background-color: #fff200 !important; color: #292929}
.bg3 h1{color: #292929 !important;}
.bg3 h3{color: #292929 !important;}

#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#FFF;z-index:999}
#preloaderstatus{width:200px;height:200px;position:absolute;left:50%;top:50%;background-image:url(../gui/load.gif);background-repeat:no-repeat;background-position:center;margin:-100px 0 0 -100px;z-index:999}

/* Navegación ***************************************************************************************************************/

.nav-alt{position: fixed; top: 0px; left: 0px; height: 80px; z-index: 102; display: block;}
.nav-alt-link{background: url(../gui/ico_navalt.png) 50% 50% no-repeat; background-size: 16px auto; width: 40px; height: 40px;position: absolute; top: 30px; left: 30px; background-color: #000; border-radius: 3px;cursor: hand;}
.nav-alt-opciones{position: absolute; top: 80px; left: 30px; width: 260px; padding: 10px; margin: 0; text-align: left;background-color: #000; border-radius: 3px;}
.nav-alt-opciones li {padding: 0; margin: 0; list-style: none;}
.nav-alt-opciones li a{padding: 10px 10px; display: block; color: #FFF; text-decoration: none;}
.nav-alt-opciones li a:hover{background-color: #FFF; color: #000 !important; border-radius: 3px;}

/* Portada ***************************************************************************************************************/

.portada {background-color: #fff200; position: relative; background-attachment: fixed;}
.portada .logo{width: 300px; height: 100px; position: absolute; top: 50%; left: 50%; font-size: 60px; margin: -50px 0 0 -150px; background: url(../gui/logo.svg) 50% 50% no-repeat; background-size: 100% auto;}
.portada .about{position: absolute; top: 30px; right: 30px; border: 1px #000 solid; border-radius: 30px; height: 30px; line-height: 30px; padding: 0 20px; text-decoration: none; color: #000;}

/* Generales ***************************************************************************************************************/

.seccion{background-color: #FFF;}

/* Contenedor ***************************************************************************************************************/

.contenedor{width: 100%; margin: 0 auto; padding: 0px 0px;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-4{float: left; background-size: cover !important; background-position: 50% 50% !important;}

.contenedor .grid-1{width: 100%}
.contenedor .grid-1 .bx{padding: 180px 180px}

.contenedor .grid-2{width: 50%; height: 350px; line-height: 350px; background-color: #000; display: inline-block}
.contenedor .grid-2 .bx{vertical-align: middle; line-height: normal; display: inline-block; width: 100%; color: #FFF;}

.contenedor .grid-3{width: 33.33333%; height: 300px; line-height: 300px; background-color: #0a0a0a; display: inline-block}
.contenedor .grid-3 .bx{vertical-align: middle; line-height: normal; display: inline-block; width: 100%; color: #FFF;}

.contenedor .grid-4{width: 25%; height: 400px; line-height: 250px; background-color: #292929; display: inline-block}
.contenedor .grid-4 .bx{vertical-align: bottom; line-height: normal; display: inline-block; width: 100%; color: #FFF;}

.contenedor .grid-5{width: 20%; height: 200px; line-height: 200px; background-color: #1f1f1f; display: inline-block}
.contenedor .grid-5 .bx{vertical-align: middle; line-height: normal; display: inline-block; width: 100%; color: #FFF;}

.contenedor .grid-footer{width: 100%}
.contenedor .grid-footer .bx{padding: 80px 80px}
.contenedor .grid-footer a{display: inline-block; margin: 0 40px; font-size: 20px;}

/* Icon ***************************************************************************************************************/

.icon{background-size: auto 70px; background-repeat: no-repeat; background-position: 50% 0%; height: 90px;}
.icon-tx{font-size: 20px;}

.icon-big{background-size: auto 100px; background-repeat: no-repeat; background-position: 50% 0%; height: 130px;}
.icon-big-tx{font-size: 50px; line-height: 50px; margin: 0 0 60px 0; color: #CCC}

/* Responsive Slider ***************************************************************************************************************/

.rslides-over {width: 960px; margin: 0 0 0 -480px; padding: 0px; position: absolute; top: 0; left: 50%; z-index: 100; background-color: #FFF;}
.rslides-over .bx-i{position: absolute; left: 0; margin: 30px; width: 100px; height: 100px; background-color: #000}
.rslides-over .bx-d{position: absolute; right: 0;}

.rslides {position: relative;list-style: none;overflow: hidden;max-width: 100%;padding: 0;margin: 0 auto;}
.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;list-style: none;background-image: none;margin: 0;padding: 0;}
.rslides li:first-child {position: relative;display: block;float: left;}
.rslides li span{position: absolute; left: 30px; bottom: 60px; color: #FFF; font-size: 30px; line-height: 30px; width: 40%}
.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
.rslides_tabs {list-style: none;list-style: none;margin: -40px auto 0px 30px;padding: 0px;text-align: center;z-index: 999 !important; position: absolute;}
.rslides_tabs li {display: inline;float: none;margin: 0 3px; padding: 0; list-style: none;background-image: none;}
.rslides_tabs a {width: 10px;height: 10px; border-radius: 10px; margin: 0; padding: 0; display: inline-block;border: 1px #FFF solid;text-indent: -6000px !important;}
.rslides_tabs li:first-child {margin-left: 0;}
.rslides_tabs .rslides_here a {background-color: #000;}
.rslides_prev {background-color: #4184F3; }
  
/* Formus ***************************************************************************************************************/

form{margin: 0; padding: 0;}
.campo-contenedor{width: 300px; margin: 0 auto}
.campo-contenedor .campo-titulo{color: #FFF; margin: 0 0 10px;}
.campo-contenedor .campo-input input{width: 100%; height: 40px; border-radius: 3px; border: 1px #333 solid; background-color: #CCC; color: #292929; outline: none; text-indent: 10px; font-size: 14px; margin: 0 0 10px 0}
.campo-contenedor .campo-input textarea{width: 100%; height: 80px; border-radius: 3px; border: 1px #333 solid; background-color: #CCC; color: #292929; outline: none; text-indent: 10px; font-size: 14px;}
.boton{background-color: #CCC; color: #292929; height: 40px; line-height: 40px; padding: 0 15px; display: inline-block; border-radius: 3px; text-decoration: none; border:0;-webkit-appearance:none}





@media screen and (max-width:880px) {
	
	.contenedor .grid-1 .bx{padding: 130px 130px}
	
	.contenedor .grid-2{height: 300px; line-height: 300px;}
	
	.contenedor .grid-3{height: 250px; line-height: 250px;}
	
	.contenedor .grid-4{height: 200px; line-height: 200px;}
	
	.contenedor .grid-5{height: 160px; line-height: 160px;}
	
	.contenedor .grid-footer .bx{padding: 60px 0px}
	
	.rslides li span{width: 60%}
	
	.icon{background-size: auto 50px; background-repeat: no-repeat; background-position: 50% 0%; height: 70px;}
	.icon-tx{font-size: 16px;}
	
	.icon-big{background-size: auto 100px; background-repeat: no-repeat; background-position: 50% 0%; height: 130px;}
	.icon-big-tx{font-size: 50px; line-height: 50px; margin: 0 0 60px 0; color: #CCC}

}

@media screen and (max-width:720px) {
	
	h1{font-size: 30px; line-height: 30px; }
	h3{font-size: 16px; line-height: 18px; }
	
	.contenedor .grid-1 .bx{padding: 80px 80px}
	
	.contenedor .grid-2{width: 100%; height: 300px; line-height: 300px;}
	
	.contenedor .grid-3{width: 100%; height: 300px; line-height: 300px;}
	
	.contenedor .grid-4{width: 100%; height: 300px; line-height: 300px;}
	
	.contenedor .grid-5{width: 100%; height: 300px; line-height: 300px;}
	
	.contenedor .grid-footer .bx{padding: 60px 0px}
	.contenedor .grid-footer a{margin: 0 15px; font-size: 12px;}
	
	.rslides li span{width: 60%}
	
	.icon{background-size: auto 50px; background-repeat: no-repeat; background-position: 50% 0%; height: 70px;}
	.icon-tx{font-size: 16px;}
	
	.icon-big{background-size: auto 100px; background-repeat: no-repeat; background-position: 50% 0%; height: 130px;}
	.icon-big-tx{font-size: 50px; line-height: 50px; margin: 0 0 60px 0; color: #CCC}
	
}