@charset "utf-8";
/* CSS Document */
@keyframes menu{
	0%{top:0px;opacity:1;}
	50%{top:-20px;opacity:0;}
	75%{top:20px;opacity:0;}
	100%{top:0px;opacity:1;}	
}
@-webkit-keyframes menu{
	0%{top:0px;opacity:1;}
	50%{top:-20px;opacity:0;}
	75%{top:20px;opacity:0;}
	100%{top:0px;opacity:1;}	
}
@-ms-keyframes menu{
	0%{top:0px;opacity:1;}
	50%{top:-20px;opacity:0;}
	75%{top:20px;opacity:0;}
	100%{top:0px;opacity:1;}	
}
@-o-keyframes menu{
	0%{top:0px;opacity:1;}
	50%{top:-20px;opacity:0;}
	75%{top:20px;opacity:0;}
	100%{top:0px;opacity:1;}	
}
@-moz-keyframes menu{
	0%{top:0px;opacity:1;}
	50%{top:-20px;opacity:0;}
	75%{top:20px;opacity:0;}
	100%{top:0px;opacity:1;}	
}

@keyframes billboard{
	from{transform:skew(-15deg,0deg);height:419px}
	to{transform:skew(30deg,10deg);height:800px}
}
@-webkit-keyframes billboard{
	from{-webkit-transform:skew(-15deg,0deg);height:419px}
	to{-webkit-transform:skew(30deg,10deg);height:800px}
}
@-moz-keyframes billboard{
	from{-moz-transform:skew(-15deg,0deg);height:419px}
	to{-moz-transform:skew(30deg,10deg);height:800px}
}
@-ms-keyframes billboard{
	from{-ms-transform:skew(-15deg,0deg);height:419px}
	to{-ms-transform:skew(30deg,10deg);height:800px}
}
@-o-keyframes billboard{
	from{-o-transform:skew(-15deg,0deg);height:419px}
	to{-o-transform:skew(30deg,10deg);height:800px}
}

html{
	height:100%;
}
body{
	margin:0px 0px 30px 0px;
	padding-bottom:30px;
	font-size:12px;
	color:#666;
	background:#efefef url(../media/body-bg.png) no-repeat bottom left fixed;
	background-size:cover;
	width:100%;
	height:100%;
	text-align:center;
	font-family:'Istok Web','Istok','Helvetica Neue',Helvetica,Arial,sans-serif;
	-webkit-font-smoothing:antialiased;
}

#mobile-detector{
	display:block;
	width:0;
	height:0;
}

.rale{
	font-family:Raleway,'Helvetica Neue',Helvetica,Arial,sans-serif;
}
a > img{
	border:none;
}
a, a:visited, a:active{
	color:#06C;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:underline;
}
a.linkcontacto{
	color:#06c !important;
}

h1{
	font-family:Spinnaker, 'Helvetica Neue',Helvetica,Arial,sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#3666A0;
	margin:0 0 0.8em 0;
	text-transform:uppercase;
}
h1 > img{
	vertical-align:baseline;
	margin-right:0.3em;
}
h1 > span{
	font-size:16px;
	letter-spacing:-0.05em;
}
h2{
	font-family:'Open Sans Condensed','Open Sans','Helvetica Neue',Arial,sans-serif;
	font-size:18px;
	color:#555555;
	font-weight:bold;
	text-transform:uppercase;
	margin:1em 0 0.4em 0;
}
p{
	text-align:justify;
}

div.contenidoAncho{
	width:960px;
	margin:auto;
	text-align:left;
	z-index:8;
}

div.header > div > var#mobile-menu{
	display:none;
	visibility:hidden;
}

div.barratop{
	background-color:#FFE400;
	width:100%;
	height:12px;
	position:fixed;
	top:0px;
	left:0px;
	z-index:50;
}
div.barratop:after{
	display:inline-block;
	border-bottom:#E5E6EB 1px solid;
	height:13px;
	width:100%;
	content:" ";
	font-size:2px;
}
div.header{
	height:159px;
	border-bottom:#E5E5E5 1px solid;
	padding-top:13px;
}
div.header > div{
	height:159px;
	position:relative;
}
div.header > div >*{
	position:absolute;
}
div.header > div > a {
	left:0px;
	top:30px;
}
div.header > div a.mail{
	left:auto;
	right:160px;
	top:66px;
	font-size:16px;
}
div.header > div a.mail2{
	left:auto;
	right:0px;
	top:66px;
	font-size:16px;
}
div.header > div a.mail2:before{
	content:"";
	height:100%;
	border-left:#ccc 1px solid;
	position:relative;
	left:-6px;
}
div.header > div span.tel{
	color:#06c;
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	background:transparent url(../media/icono_teltop.png) no-repeat center right;
	line-height:24px;
	height:24px;
	right:0px;
	top:40px;
	padding-right:30px;
}

div.header > div span#fechaTop{
	color:#A2A2A2;
	font-size:12px;
	display:inline-block;
	text-align:right;
	right:0px;
	top:90px;
}
div.header > div > div{
	text-align:right;
	top:110px;
	color:#CCC;
	font-size:16px;
	width:960px;
}
div.header > div > div a, div.pie div.right a{
	color:#666;
	position:relative;
	display:inline-block;
	text-align:center;
	border-right:#CCC 1px solid;
	padding:0 7px 0 8px;
}
div.header > div > div a:last-of-type,
div.pie div.right a:last-of-type{
	border-right:none;
	/*padding-right:0;
	margin-right:0;*/
	background-color:#FF5300;
	border-bottom:#FFE400 3px solid;
	color:#fff;/*06c*/
	font-weight:bold;
}
div.pie div.right a:last-of-type{
	font-size:1.2em;
	padding-top:5px;
	text-transform:uppercase;
}
div.header > div > div a:last-of-type{
	background-color:#FF5300;/*06c*/
	color:#fff;
}
div.header > div > div a span, div.pie div.right a span{
	position:relative;
	display:inline-block;
	width:100%;
	max-width:100%;
	overflow:hidden;
	text-align:left;
}

div.header > div > div a span{
	padding: 0.25em 0;
	vertical-align: bottom;
}

div.header > div > div a:hover,div.header > div > div a:focus,div.header > div > div a.current, div.pie div.right a:hover, div.pie div.right a:focus, div.pie div.right a.current{
	font-weight:bold;
	text-decoration:none;
}
div.header > div > div a:hover span, div.header > div > div a:focus span, div.header > div > div a.current span, div.pie div.right a:hover span, div.pie div.right a:focus span, div.pie div.right a.current span{
	animation:menu 0.7s ease;
	-webkit-animation:menu 0.7s ease;
	-ms-animation:menu 0.7s ease;
	-o-animation:menu 0.7s ease;
	-moz-animation:menu 0.7s ease;
	left:-2px;
}

div.contenido{
	background:transparent url(../media/content-bg.png) no-repeat top center;
	margin-top:1px;
	padding:2em 0 0 0;
	text-align:center;
}
div.contenido > div.contenidoAncho{
	width:978px;
	background:transparent url(../media/holder-bg_r2_c1.png) no-repeat top left;
	min-height:336px;
	text-align:center;
}
div.contenido > div.contenidoAncho > div{
	background-color:transparent;
	background-image:url(../media/holder-bg_r3_c1.png);
	background-repeat:no-repeat;
	background-position:0px 336px;
	max-width:1934px;
	overflow:hidden;
	text-align:center;
	background-size:100% 100%
}
div.contenido > div.contenidoAncho > div > div{
	width:900px;
	padding:0 30px 0 30px;
	text-align:left;
	margin:auto;
}
div.contenido > div.bottom{
	background:transparent url(../media/holder-bg_r4_c1.png) no-repeat top center;
	height:29px;
	margin:auto;
}

div.pie{
	padding-top:1em;
	height:40px;
	padding-bottom:30px;
}
div.pie div.left{
	float:left;
}
div.pie div.right{
	float:right;
	white-space-collapse:discard;
	white-space:nowrap;
}

div.boxholder{
	text-align:justify;
}
div.boxholder:after{
	content:" ";
	width:100%;
	display:inline-block;
}

div.semibox{
	display:inline-block;
	width:250px;
	vertical-align:top;
}
div.certificacionescontenido{
	text-align:center;
}
div.certificacionescontenido img.cert{
	margin-top:1em;
}
div.enviocontenido{
	text-align:center;
	width:500px;
	margin:auto;
	opacity:0.6;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-moz-transition:all 1s ease;
}
div.enviocontenido > h2, div.enviocontenido > h3{
	margin:0;
	display:inline-block;
}
div.enviocontenido > img{
	float:right;
	margin-left:0.5em;
}
div.enviocontenido > span{
	display:inline-block;
	float:right;
	padding:0 34px 0 20px;
	color:#06c;
	font-weight:bold;
	font-size:16px;
	background:transparent url(../media/icono_teltop.png) no-repeat center right;
}
div.enviocontenido:hover, div.enviocontenido:focus{
	opacity:1;
}
.tablaOrdenada{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
}

.tablaOrdenada th{
	background-color:#efefef;
	border-bottom:#e0e0e0 2px solid;
	color:#666;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	padding:5px 10px 5px 10px;
}

.tablaOrdenada td{
	color:#666;
	padding:3px 8px 3px 8px;
}
.tablaOrdenada tr:nth-child(even) td{
	background-color:#FFF;
}
.tablaOrdenada tr:nth-child(odd) td{
	background-color:#efefef;
}
.tablaOrdenada tr:hover td,.tablaOrdenada tr:focus td{
	background-color:#e0e0e0;
	transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	cursor:default;
}



div.billboard{
	width:920px;
	height:184px;
	position:relative;
	left:-10px;
	margin-bottom:1em;
	overflow:hidden;
}
div.billboard > *{
	position:absolute;
}
div.billboard > span{
	display:inline-block;
	background:transparent url(../media/billboard-borders.png) no-repeat top left;
	width:10px;
	height:180px;
	top:0px;
}
div.billboard > span.izquierda{
	left:0px;
	background-position:1px 0px;
}
div.billboard > span.derecha{
	right:0px;
	background-position:-9px 0px;
}
div.billboard > img{
	top:0px;
	left:10px;
	padding:1px 0 1px 0;;
	border-bottom:#e4e4e4 1px solid;
	border-top:#e4e4e4 1px solid;
}
div.billboard > div{
	width:900px;
	height:180px;
	top:0px;
	left:10px;
	overflow:hidden;
}
div.billboard > div > div{
	width:965px;
	height:419px;
	background:transparent url(../media/billboard-lightning.png) no-repeat top left;
	position:absolute;
	top:-120px;
	left:-30px;
	animation:billboard 3s ease infinite alternate;
	-webkit-animation:billboard 3s ease infinite alternate;
	-moz-animation:billboard 3s ease infinite alternate;
	-o-animation:billboard 3s ease infinite alternate;
	-ms-animation:billboard 3s ease infinite alternate;
	display:inline-block infinite alternate;
}

div.topper{
	z-index:-1;
	background:transparent url(../media/top-bg.png) repeat-x top left;
	width:100%;
	height:180px;
	position:absolute;
	left:0px;
	top:0px;
}





div.productos > div{
	text-align:center;
	position:relative;
}
div.productos > div > h2{
	border-bottom:#e4e4e4 1px solid;
	text-align:left;
}
div.productos > div > div{
	display:inline-block;
	width:180px;/* eran 250*/
	height:250px;
	text-align:center;
	position:relative;
	cursor:pointer;
	margin:1em;
}
div.productos > div > div >img{
	width:180px;
	height:180px;
	position:absolute;
	top:35px;
	left:0px;/*eran 35*/
	z-index:80;
	transition:width 1s ease,height 1s ease,top 1s ease, left 1s ease;
	-webkit-transition:width 1s ease,height 1s ease,top 1s ease, left 1s ease;
	-o-transition:width 1s ease,height 1s ease,top 1s ease, left 1s ease;
	-ms-transition:width 1s ease,height 1s ease,top 1s ease, left 1s ease;
	-moz-transition:width 1s ease,height 1s ease,top 1s ease, left 1s ease;
}
div.productos > div > div:hover > img,div.productos > div > div:focus > img{
	width:240px;
	height:240px;
	top:-15px;
	left:-px;
	z-index:91;
}
div.productos > div > div.invertido:hover > img,div.productos > div > div.invertido:focus > img{
	left:10px;/*eran 25*/
}
div.productos > div > div > div{
	width:0px;
	position:absolute;
	bottom:30px;
	left:200px;
	clear:both;
	overflow:hidden;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-o-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-moz-transition:all 1s ease;
	z-index:90;
	opacity:0;
	text-align:left;
}
div.productos > div >  div.invertido > div{
	left:-350px;
}

div.productos > div > div:hover > div, div.productos > div > div:focus > div{
	background-color:#fff;
	box-shadow:0px 0px 8px #999;
	-webkit-box-shadow:0px 0px 8px #999;
	-moz-box-shadow:0px 0px 8px #999;
	-o-box-shadow:0px 0px 8px #999;
	-ms-box-shadow:0px 0px 8px #999;
	width:400px; /*cambiar tambien en contact-verifier.js*/
	opacity:1;
	z-index:95;/*no lo tenia*/
}
div.productos > div > div > div > div{
	width:380px;
	padding:10px;
}
div.productos > div > div > div > div > h3{
	font-family:'Open Sans Condensed','Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	margin-top:0;
	font-size:16px;
}

div.productos > div > div > p{
	font-weight:bold;
	display:block;
	text-align:center;
	position:absolute;
	left:0px;
	bottom:0px;
	width:180px;/* eran 250*/
	z-index:80;
}
div.productos > div > div > p.doble{
	bottom:-1.5em;
}


div.productos > div > div.separador{
	width:1px;
	background-color:#ccc;
	height:250px;
	display:inline-block;
}



form{
	margin:0px;
	padding:0px;
}
p.justificado{
	text-align:justify;
}
p.indent{
	text-indent:2em;
}
img.derecha{
	float:right;
	margin:0px 0px 20px 20px;
}
img.izquierda{
	float:left;
	margin: 0px 20px 20px 0px;
}
img.borde{
	border:#ccc 1px solid;
	padding:3px;
	background-color:#FFF;
}
img.borde.bajo{
	border-top:none;
	border-right:none;
	border-left:none;
	padding:3px 0 3px 0;
}
img.borde.transparente{
	background-color:transparent;
}


div.globo{
	background-color:#e4e4e4;
	border:#ccc 1px solid;
	border-radius:5px;
	padding:10px 10px 10px 60px;
	background-position:5px 0px;
	background-repeat:no-repeat;
	text-align:left;
	width:450px;
	margin:10px;
}
div.globo h3{
	margin:0px;
	font-size:12px;
}
div.globo.info{
	background-image:url(../media/comment_48.png);
}
div.globo.error{
	background-image:url(../media/cancel_48.png);
}
div.globo.ok{
	background-image:url(../media/accepted_48.png);
}



table.contactTable, table.contactTableHolder{
	border-spacing:0;
	border-collapse:collapse;
	border:none;
	text-align:left;
	width:100%;
}
table.contactTable td, table.contactTableHolder td{
	vertical-align:top;
}

#oldIeBar, #noScriptBar{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	background:#FFC url(../media/warning.png) no-repeat 6px 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	border-bottom:#CCC 1px solid;
	box-shadow:0px 1px 5px #ccc;
	-webkit-box-shadow:0px 1px 5px #ccc;
	-moz-box-shadow:0px 1px 5px #ccc;
	-o-box-shadow:0px 1px 5px #ccc;
	-ms-box-shadow:0px 1px 5px #ccc;
	z-index:3000;
	padding:2px 5px 02px 24px;
	text-align:left !important;
}
#oldIeBar div, #noScriptBar div{
	padding:3px;
}
#oldIeBar a{
	color:#06C;
	text-decoration:none;
}
#oldIeBar a:hover, #oldIeBar a:focus{
	text-decoration:underline;
}

a,div,object,embed{
	outline:none;
}

input[type=text], input[type=password], textarea{
	background:#EBEBEB url(../media/mdbg.jpg) no-repeat top left;
	border:#999 1px solid;
	border-top:none;
	border-left:none;
	color:#333;
	font-size:11px;
	border-radius:3px;
	font-family:Tahoma, Geneva, sans-serif;
	padding:4px;
}

input[type=button], input[type=submit], button{
	background-color:#e4e4e4;
	font-weight:bold;
	font-size:11px;
	padding:5px 8px 5px 8px;
	border:#ccc 1px solid;
	border-radius:3px;
	color:#555;
}

input[type=button]:hover, input[type=submit]:hover, button:hover, input[type=button]:focus, input[type=submit]:focus, button:focus{
	background-color:#e4e4e4;
	border:#999 1px solid;
	color:#333;
}


div.contact-center{
	padding:2rem 0 4rem 0;
	text-align:center;
}

a.button,
a.button:visited,
a.button:active{
	display:inline-block;
	padding:1em 2em 1em 2em;
	background-color:#06c;
	color:#fff;
	font-family:'Open Sans Condensed','Open Sans','Helvetica Neue',Arial,sans-serif;
	text-align:center;
	font-weight:bold;
	-webkit-transition:all 0.5s ease;
	transition:all 0.5s ease;
	text-decoration:none;
	font-size:1em;
	border-radius:0.2em;
}
a.button:hover,
a.button:focus{
	background-color:#0075EA;
	text-decoration:none;
	color:#fff;
}

a.button.big{
	font-size:1.31em;
	font-weight:bold;
	text-transform:uppercase;
}