html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    /*vertical-align:baseline;*/
    background:transparent;
}

body {
    /*line-height:1;*/
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background:#222;
	background:url(../images/fondo2.jpg);
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'Monda', sans-serif;
}
#general{
	margin:0;
	padding:0;
}
#general #contenedor{
	width:1200px;
	margin:10px auto;
}
#general #contenedor header {
	width: 100%;
	clear: both;
	display: block;
	margin:40px 0;
	overflow:hidden;
}

/*---------- IDIOMAS ----------*/
#general #contenedor header #solapa_idiomas{
	width:400px;
	padding:0;
	z-index:40;
	position:absolute;
	margin-left: 800px;
	float:right;
	top:10px;
	font-size:80%;
}

#general #contenedor header #solapa_idiomas ul{
	list-style:none;
	margin:0;
	padding:0;
	float:right;

}
#general #contenedor header #solapa_idiomas ul li{
	display:inline;
}
#general #contenedor header #solapa_idiomas ul li a{
	display:inline-block;  
	padding:15px;
	color: #ccc;
	text-decoration:none;
}
#general #contenedor header #solapa_idiomas ul li a:hover {
	color: #fff;
}
/*---------- IDIOMAS ----------*/

#general #contenedor header nav {
	font-family: 'Russo One', sans-serif;
	/*width:100%;*/
	width:840px;
	float:right;
}
#general #contenedor header nav ul{
	border:1px solid #c00;
	border-width:1px 0;
	list-style:none;
	margin:0;
	margin-top:28px;
	padding:0;
	text-align:center;
}
 
#general #contenedor header nav ul li{
	display:inline;
}
 
#general #contenedor header nav ul li a{
	display:inline-block;  
	padding:15px 30px;
	color: #ccc;
	text-decoration:none;
}
#general #contenedor header nav ul li a:hover {
	color: #fff;
}
#general #contenedor header nav ul li a.current{
	color: #fff;
}
#general #contenedor header .logotipo {
	/*display:block;*/
	display: inline-block;
	width:310px;
	height:76px;
	margin:0 auto;
}

/* ---------- SLIDESHOW ---------- */


section #slideshow{
	width:1200px;
	margin:13px auto 20px;
	height:669px;
	overflow:hidden;
}
section #slideshow #topslider {
	margin:0 0 20px 0;
	padding:0;
	clear:both;
}
section #slideshow #topslider li {
	list-style-type: none;
	
}
section #slideshow #topslider {
	margin:0;
	padding:0;
	list-style:none;
}
section #slideshow ul#topslider li img{
	padding: 0;
}

section #slideshow #solapa img {
	height: 669px;
	width: 1200px;
	z-index: 10;
	position: relative;
	overflow: hidden;
	float:right;
}
section #slideshow #solapa {
	/*background:url(../images/backgrbanner.png);*/
	width:400px;
	padding:0;
	z-index:30;
	position:absolute;
}
.solapa1{
	margin:90px 6px 0 740px;
}
.solapa2{
	margin:40px 6px 0 590px;
}
.solapa3{
	margin:200px 6px 0 60px;
}
section #slideshow #solapa h1{
	padding:16px 20px;
	font-family: 'Monda', sans-serif;
	font-size:24pt;
	text-align:center;
	color: #c00;
}
section #slideshow #solapa h2{
	padding:16px 20px;
	font-family: 'Russo One', sans-serif;
	font-size:200%;
	margin-bottom:20px;
	color: #c00;
	border-bottom:1px solid #eee;
}
section #slideshow #solapa p{
	padding:16px 20px;
	font-family: 'Monda', sans-serif;
	/*color: #c00;*/
	border-bottom:1px solid #eee;
	line-height:1.4;
	font-size:90%;
	margin-bottom:20px;
	clear:both;
}
section #slideshow #solapa ul li{
	padding:0 0 0 20px;
	font-size:100%;
	line-height:2.2;
}

/* ---------- FINAL SLIDESHOW ---------- */

section #clientes{
	width:1200px;
	margin:13px auto 20px;
	height:669px;
	overflow:hidden;
	background:url(../images/bckcli.png) top no-repeat #FFF;
}
.tituloclientes{
	width:1102px;
	padding: 4% 4% 0 4%;
	overflow:hidden;
	float:left;
	border-right:1px solid #eee;
}
.tituloclientes h2{
	font-size:200%;
	width:1100px;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	font-family: 'Russo One', sans-serif;
	color:#c00;
	vertical-align: text-top;
	display:block;
	overflow:hidden;
}
.tituloclientes p{
	width:1100px;
}
.listaclitexto{
	width:1100px;
	margin-top:20px;
	overflow:hidden;
	/*border-top:1px solid #ccc;*/
}

.listaclitexto li{
	line-height:1.8em;
	border-bottom:1px solid #eee;
	float:left;
	display:inline;
	width:50%;
}

.dos_columnas li { width:50%;}
.tres_columnas li { width:33.333%; }
.cuatro_columnas li { width:25%; }
.cinco_columnas li { width:16.666%; }

.listacli{
	width:1100px;
	padding: 0 4% 4% 4%;
	/*overflow:hidden;*/
	/*float:left;
	width:100%;*/
	height:460px;
	overflow-y:scroll;
}
.listacli li {
   display:inline;
   float:left;
   width:190px;
   background:#fff;
   padding:4px;
   margin:8px;
   text-align: center;
   border: #eee solid 1px;
} 

/* REPRESENTACIONES */

section #repre{
	width:1200px;
	margin:13px auto 20px;
	height:669px;
	overflow:hidden;
	background:url(../images/bckcli.png) top no-repeat #FFF;
}

/* REPRESENTACIONES */

section #productos{
	width:1200px;
	margin:13px auto 20px;
	height:669px;
	overflow:hidden;
	background:url(../images/bckprods.png) bottom no-repeat #FFF;
}
.tituloprod{
	width:1100px;
	padding: 4% 4% 0 4%;
	overflow:hidden;
	border-right:1px solid #eee;
	clear:both;
}
.tituloprod h2{
	font-size:200%;
	width:100%;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	font-family: 'Russo One', sans-serif;
	color:#c00;
	vertical-align: text-top;
	display:block;
	overflow:hidden;
}
section #productos .twocolsprod{
	width:1100px;
	padding:4%;
	height:100%;
}
section #productos .twocolsprod .colprod1{
	width:326px;
	padding:0 30px 0 0;
	float:left;
}
section #productos .twocolsprod .colprod2{
	width:326px;
	padding:0 30px;
	float:left;
	display:block;
	overflow:hidden;
	/*clear:both;*/
}
section #productos .twocolsprod .colprod3{
	width:326px;
	padding:0 0 0 30px;
	float:right;
	display:block;
	overflow:hidden;
	/*clear:both;*/
}
section #productos .twocolsprod .colprod1 h2,
section #productos .twocolsprod .colprod2 h2,
section #productos .twocolsprod .colprod3 h2{
	font-size:200%;
	width:100%;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	font-family: 'Russo One', sans-serif;
	color:#c00;
	vertical-align: text-top;
	display:block;
	overflow:hidden;
}
section #productos .fivecols{
	width:1100px;
	padding:0 4% 4% 4%;
	/*
	column-count: 5;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    -o-column-count: 5;*/
        /*Espacio entre columnas*/
    /*column-gap: 4em;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    -o-column-gap: 4em;*/
    /*Agrega una barra solida de color*/
    /*column-rule: 1px solid #eee;
    -webkit-column-rule: 1px solid #eee;
    -moz-column-rule: 1px solid #eee;
    -o-column-rule: 1px solid #eee;*/
	/*border: 1px solid #000;*/
	height:100%;
	background:url(../images/iconos_prod.png) top no-repeat;
}
section #productos .fivecols .disprod1{
	width:170px;
	padding:0 30px 0 0;
	float:left;
}
section #productos .fivecols .disprod2{
	width:170px;
	padding:0 30px;
	float:left;
}

section #productos .fivecols .disprod3{
	width:170px;
	padding:0 30px;
	float:left;
}

section #productos .fivecols .disprod4{
	width:170px;
	padding:0 30px;
	float:left;
}

section #productos .fivecols .disprod5{
	width:170px;
	padding:0 0 0 30px;
	float:left;
}
.cajanumero1,
.cajanumero2,
.cajanumero3,
.cajanumero4,
.cajanumero5{
	width:170px;
	height:170px;
	display:block;
	overflow:hidden;
	clear:both;
}
/*.cajanumero1{
	background:url(../images/prod_bckgr1.png) no-repeat;
}
.cajanumero2{
	background:url(../images/prod_bckgr2.png) no-repeat;
}
.cajanumero3{
	background:url(../images/prod_bckgr3.png) no-repeat;
}
.cajanumero4{
	background:url(../images/prod_bckgr4.png) no-repeat;
}
.cajanumero5{
	background:url(../images/prod_bckgr5.png) no-repeat;
}*/
.numero{
	font-size:400%;
	text-align:center;
	margin-bottom:40px;
	margin-right:14px;
	width:80px;
	float:right;
	color:#FFF;
}

/* ------------- CONTACTO ------------- */
section #contact{
	width:1200px;
	margin:13px auto 20px;
	height:669px;
	overflow:hidden;
	background:#FFF;
}
.cnterror{
	width:1200px;
	height:669px;
	background:url(../images/bckcontaterror.jpg) no-repeat #FFF;
	display:block;
	overflow:hidden;
}
.formcontacto{
	width:660px;
	padding: 4%;
	display:block;
	overflow:hidden;
	float:left;
	border-right:1px solid #eee;
}
.formcontacto .inner-wrap{
	padding: 10px 20px;
	background: #F8F8F8;
	border-radius: 6px;
	margin-bottom: 15px;
}
.formcontacto h2{
	font-size:200%;
	width:100%;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	font-family: 'Russo One', sans-serif;
	color:#c00;
	vertical-align: text-top;

}
.formcontacto p{
	line-height:1.4;
	font-size:90%;
	margin-bottom:20px;
	clear:both;
}
.formcontacto label{
	display: block;
	font: 100% 'Monda', sans-serif;
	color: #888;
	margin-bottom: 8px;
}
.formcontacto input[type="text"],
.formcontacto input[type="date"],
.formcontacto input[type="datetime"],
.formcontacto input[type="email"],
.formcontacto input[type="number"],
.formcontacto input[type="search"],
.formcontacto input[type="time"],
.formcontacto input[type="url"],
.formcontacto input[type="password"],
.formcontacto textarea,
.formcontacto select {
	display: block;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 8px;
	border-radius: 6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border: 2px solid #fff;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.formcontacto .section{
	font: normal 20px 'Monda', sans-serif;
	color: #2A88AD;
	margin-bottom: 5px;
}
.formcontacto .section span {
	background: #2A88AD;
	padding: 5px 10px 5px 10px;
	position: absolute;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border: 4px solid #fff;
	font-size: 14px;
	margin-left: -45px;
	color: #fff;
	margin-top: -3px;
}
.formcontacto .formbtn{
	text-decoration:none;
}
.formcontacto .formbtn,
.formcontacto input[type="button"], 
.formcontacto input[type="submit"],
.formcontacto input[type="reset"]{
	background: #000;
	padding: 8px 20px 8px 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px 'Monda', sans-serif;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	border: 1px solid #257C9E;
	font-size: 15px;
}
.formcontacto .formbtn:hover,
.formcontacto input[type="button"]:hover, 
.formcontacto input[type="submit"]:hover,
.formcontacto input[type="reset"]:hover {
	background: #c00;
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.formcontacto .privacy-policy{
	float: right;
	width: 250px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	margin-top: 10px;
	text-align: right;
}
.direccioncontacto{
	float:left;
	width:340px;
	padding: 4%;
	display:block;
	overflow:hidden;
}
.direccioncontacto h2{
	font-size:200%;
	width:100%;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	font-family: 'Russo One', sans-serif;
	color:#c00;
	vertical-align: text-top;

}
.direccioncontacto address{
	font-style:normal;
}
.direccioncontacto #imgcontacto{
	float:left;
	width:360px;/**/
	height:569px;
	/*padding: 4%;*/
	display:block;
	overflow:hidden;
	background:url(../images/hdh-contacto.png) right no-repeat;
	/*border:1px solid #f60;*/
}
.direccioncontacto #imgcontacto2{
	float:left;
	width:340px;/**/
	height:356px;
	/*padding: 4%;*/
	padding-top:80px;
	display:block;
	overflow:hidden;
	background:url(../images/hdh-contacto2.jpg) right no-repeat;
	/*border:1px solid #f60;*/
}


/* ---------- FINAL CONTACTO ---------- */

section #row{
	width:1200px;
	margin:13px auto 20px;
	height:669px;
	overflow:hidden;
	background:url(../images/bcknos.png) bottom no-repeat #FFF;
}
#row .col1_2{
	border-right: #E6E6E6 1px solid;	
	width:31.5%;
	display:block;
	float:left;
	padding: 4%;
} 
#row .col1_2 h2,
#row .col3 h2,
#row .col4 h2{
	font-size:200%;
	width:100%;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	font-family: 'Russo One', sans-serif;
	color:#c00;
	vertical-align: text-top;
}
#row .col1_2 p{
	line-height:1.4;
	font-size:90%;
}
#row .col3{
	border-right: #E6E6E6 1px solid;
	width:22%;
	display:block;
	float:left;
	padding:4%;
}
#row .col3 p{
	line-height:1.5;
	font-size:90%;
}
#row .col4{
	/*border-right: #E6E6E6 1px solid;*/
	width:22%;
	display:inline-block;
	padding:4%;
}
#row .col4 p{
	line-height:1.5;
	font-size:90%;
}

/* -------------- FOOTER -------------- */

footer{
	color:#777;
	background:#000;
	clear:both;
	/*margin-top:20px;*/
	padding:10px;
	font-size:12px;
}
footer a{
	color:#777;
	text-decoration:none;
}
footer a:hover{
	color:#fff;
	text-decoration:none;
}
footer address{
	float:right;
	font-size:14px;
	font-style:normal;
}
/* ----------- FINAL FOOTER ----------- */


span.separalista{
	width:20px;
	float:left;
	/*margin-right:10px;*/
}
div.separatexto{
	width:300px;
	margin-left:24px;
	/*border:1px solid #f00;*/
}