@charset "utf-8";
@import url(../css-1);
body,html,h1,h2,h3,h4,h5,h6,ul,li,ol,form{margin:0;padding:0;}
li{list-style-type:none}
a{text-decoration:none; color:#FFDF28}
a:{ color:#111111;}
img{ border:none}
#ie{display:none;background:#F00;height:20px;position:absolute;top:0;color:#FFF;width:100%;text-align:center;padding:5px;}

/* --------------------------------  */

body {
	background: #FFF;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#000
}
.loading{
	background:#FFDF28 url(../img/loading.gif) no-repeat center center;
}
/* TOP */

.header {
    /*height:110px;*/
    background:#FFF;
	border-top:#000 solid 8px;
	z-index:1
}
	.header .container{position:relative}
	
	.box-logo{
		max-width:200px;
		margin-top:14px;
		z-index:99;
	}
	
	.logo-img{
		width:71px;
		height:71px;
		float:left;
	}
	
	.logo{
		/*margin-left:90px;*/
	
	}
	.logo a{
		display:block;
	}
	.box-logo img{
		width:100%;
	}

	
/* MENU TOP */

.boxMenu{
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FFDF28+0,111111+100 */
background: #FFDF28; /* Old browsers */
background: -moz-linear-gradient(top, #FFDF28 0%, #111111 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #FFDF28 0%,#111111 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #FFDF28 0%,#111111 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFDF28', endColorstr='#111111',GradientType=0 ); /* IE6-9 */
}

	
.menu {
	/*overflow:hidden;*/
}
    .menu ul{
		text-align:center;
	}
	.menu ul li {
		list-style: none;
		display:inline-block;
		margin-left:-4px
	}
	.menu ul li a {
		display: inline-block;
		text-decoration: none;
		padding: 0 24px;
		font-family: 'Racing Sans One', cursive;
		font-size: 24px;
		line-height:70px;
		color: #ffffff;
		border-left:#FFDF28 solid 1px;
		-webkit-text-shadow: 0 0 5px rgba(0,0,0,1);
		text-shadow: 0 0 5px rgba(0,0,0,1);
	}
	.menu ul li a:hover, .menu ul li a.active {
		-webkit-box-shadow:inset 0 0 25px 2px rgba(255, 225, 65,1);
		box-shadow:inset 0 0 25px 2px rgba(255, 225, 65,1);
	}
	.menu ul li:first-child a {
		border-left:none;
	}

	.menu ul li a + a {
		margin-left: 8px;
	}
	
	/* sub menu */
	
	.menu > ul > li > ul {
		display: none;
		position:absolute;
		width:160px;
		margin-top: 0px;
		padding: 5px 0;
		background: #2b2b2b;
	}
	.menu > ul > li > ul li {
		padding: 0;
	}
	.menu > ul > li > ul li a {
		text-decoration: none;
		display: inline-block;
		color: #7f7e7e;
		font-size:12px;
		margin-bottom: 0px;
		line-height: 25px;
	}
	.menu > ul > li ul > li.active > a, .menu > ul > li ul > li > a:hover {
		background:none;
		color:#e32626;
		font-weight:bold
	}
	
/* CONTEIDO */

.content {
	min-height:500px;
	padding:10px 0;
	margin-top:10px;

}
.content h1{
	color:#FFDF28;
	padding-bottom:10px;
	padding-left:10px;
	background:url(../img/h1.gif) repeat-x center; 
}
.content h1 span{
	background:#FFF;
	padding:0 14px;
}

/* institucional */

.txtInstHome{
	background-color:#222222;
	background-image: url('../img/pattern.gif'), url('../img/splash.png');
	background-position: left top, center top;
	background-repeat: repeat, no-repeat;

	color:#FFF;
	padding:50px 0;
	text-align:center
	
}

/* videos */

.boxVideosHome{
	padding:40px 0;
	background:#FFDF28;
	
}
.boxVideosHome h1{text-transform:uppercase;padding-bottom:18px; text-align:center}



/* COLUMNA */

aside {
	
}

    /* MENU COLUMNA */
	
	aside ul.navegador {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	aside > ul.navegador > li:first-child {
		border-top: 0;
	}
	aside > ul.navegador > li {
		margin-bottom:6px;
		
	}
	aside > ul.navegador li:last-child {
		border-bottom: none;
		
	}
	aside > ul.navegador > li > a {
		background: #FFDF28 url(../img/item.gif) no-repeat 10px center;
		display: block;
		font-family: 'Open Sans';
		/*font-size: 18px;*/
		font-style:italic;
		border-radius:6px;
		padding:8px 0;
		/*margin-bottom:6px;*/
		text-decoration: none;
		color: #111111;
		padding-left: 30px;
		 webkit-transition: all 200ms  ease-out;
		-moz-transition: all 200ms  ease-out;
		-ms-transition: all 200ms  ease-out;
		-o-transition: all 200ms  ease-out;
		transition: all 200ms  ease-out;
		
	}
	aside > ul.navegador > li a:hover {
		background: url(../img/item-h.gif) no-repeat 10px center #111111 ;
		padding-left:23px;
		-webkit-transition: all 200ms  ease-in;
		-moz-transition: all 200ms  ease-in;
		-ms-transition: all 200ms  ease-in;
		-o-transition: all 200ms  ease-in;
		transition: all 200ms  ease-in;
		color:#FFDF28;
		}
	
	/* sub menu */
	
	aside > ul.navegador > li > ul {
		display: none;
		margin-top: 0px;
		padding: 5px 0;
		/*background: #2b2b2b;*/
	}
	aside > ul.navegador > li > ul li {
		padding: 0px 0px 0px 36px;
	}
	aside > ul.navegador > li > ul li a {
		text-decoration: none;
		display: inline-block;
		color: #FFF;
		font-family: 'Open Sans';
		font-size: 14px;
		margin-bottom: 0px;
		line-height: 25px;
		padding:0
	}
	aside > ul.navegador > li ul > li > a:hover {
		background:none;
		color:#FFDF28;
		font-weight:bold;
		padding:0
	}

/* SECCION */

.section {
	margin-left:270px;
	overflow: hidden;
    background-color:#47697E;
}

/*
article {
	padding:10px;
	background: rgba(251, 189, 115,.5);
}
*/

.container .grid_9 img{
	width:inherit;
	max-width:700px!important;
}
/* PIE */

.footer {
	background:#000;
	color:#fff;
	text-align:center;
	padding:20px;
}

/* boxPie */

.boxPie{
	background-color:#222222;
	background-image: url('../img/pattern.gif'), url('../img/splash.png');
	background-position: left top, center top;
	background-repeat: repeat, no-repeat;

	color:#FFF;
	padding:30px 0;
	
}
.boxPie h1{
	text-align:center;
	padding-bottom:24px
}


.copy{ padding:20px;}

.boxRedes{
	padding-top:10px;
}
.boxRedes img{ width:inherit}

/* OTRAS CLASES */

h1{
	font-size:30px;
	font-family: 'Racing Sans One', cursive;
}

h2{
	font-size:24px;
	font-family: 'Racing Sans One', cursive;
}

h3{
	font-size:16px;
}

.ImgIns{
	margin:20px;
	float:right;
	max-width:350px;
}
.ImgIns img{ width:100%;}

.left{
	float:left;
}

.right{
	float:right;
}
/*
.ok{
	background:#F9FFF9;
	border:#0C3 solid 1px;
	padding:10px;
	border-radius:5px;
	margin:10px auto
}

.error{
	background:#FFECEC;
	border:#F00 solid 1px;
	padding:10px;
	border-radius:5px;
	margin:10px auto
}

.alert{
	background:#FEFAE0;
	border: #FC0 solid 1px;
	padding:10px;
	border-radius:5px;
	margin:10px auto
}
*/
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.dw{
	padding-bottom:20px;
}
.dw a{color:#FFF; font-size:11px}

/* SERVICIOS */
.boxServicios{
	text-align:center;
	padding:36px 0;
	background:#FFDF28;
}
.boxServicios h1{text-transform:uppercase;padding-bottom:18px}
.boxServicios h2{ padding-bottom:10px; min-height:77px;}
.boxServicios figure{
	width:230px;
	height:230px;
	margin:0 auto;
	border-radius:50%;
	border:#FFF solid 6px;
	overflow:hidden;
	z-index:9;
	-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 0px 30px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 0px 30px 0px rgba(0, 0, 0, 0.3);
}

.boxServicios a h2{ padding-top:14px; color:#111111}
/* ------------ */

figure.ampliar{
	background: #FF5F32 url(../img/icon-lupa.png) no-repeat center center;
}
figure.ampliar:hover img{
	z-index:1;
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

/* otro zoom */
.zoom{
	/* Aumentamos la anchura y altura durante 2 segundos */
	transition: width 500ms, height 500ms, transform 500ms;
	-moz-transition: width 500ms, height 500ms, -moz-transform 500ms;
	-webkit-transition: width 500ms, height 500ms, -webkit-transform 500ms;
	-o-transition: width 500ms, height 500ms,-o-transform 500ms;       
}
.zoom:hover{
	/* tranformamos el elemento al pasar el mouse por encima al doble de
	   su tama�o con scale(2). */
	transform : scale(1.1);
	-moz-transform : scale(1.1);      /* Firefox */
	-webkit-transform : scale(1.1);   /* Chrome - Safari */
	-o-transform : scale(1.1);        /* Opera */
}


/* box share */

.btnShare{
	position:absolute;
	top:20px;
	right:20px;
}

.rojo{ background:#0C0}

/* boxCualidades */

.boxCualidades{
	background:#FAFAFA url(../img/bg-lista.jpg) repeat-x top;
	padding-top:40px;
	padding-bottom:40px;
}
	.boxCualidades h1{text-transform:uppercase;padding-bottom:18px; text-align:center}
	.boxCualidades ul{
	}
	.boxCualidades ul li{
		padding:6px 0 6px 50px;
		background:url(../img/check.png) no-repeat left center;
		font-size:18px;
		margin:2px 0
	}



/* F.A.Qs */

ul.Opciones {
	margin:0;
	padding:0;
}
ul.Opciones li:first-child {
	border-top:none;
}
ul.Opciones li{
	margin:0;
	padding:0;
	list-style-type:none;
	border-top:#003300 dotted 1px;
}
ul.Opciones li a{
	display:block;
	font-size:16px;
	padding:10px;
	font-weight:bold;
	color:#F8941C
}

ul.Opciones li .Detalle{
	display:none;
	padding:10px;
}

/* FORMULARIO CONTACTOS */



label.error{
	font-weight:normal;
	font-size:12px;
	color:#C30;
}
input.error,select.error, textarea.error{
	border-color: #C30;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 51, 0, 0.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 51, 0, 0.6);
}


.btn-success, .btn-success:active, .btn-success:focus {
	
	background: #9b0000; /* Old browsers */
	background: -moz-linear-gradient(top,  #9b0000 0%, #ca0000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9b0000), color-stop(100%,#ca0000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9b0000 0%,#ca0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9b0000 0%,#ca0000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9b0000 0%,#ca0000 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9b0000 0%,#ca0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b0000', endColorstr='#ca0000',GradientType=0 ); /* IE6-9 */
	border-color: #FFDF28;
}

label{ font-size:12px;}

/* GALERIA */

.boxGaleria{
	padding-left:0;
	margin-top:15px;
	margin-left:-15px;
}
	
.boxGaleria figure{
	overflow:hidden;
	margin-bottom:30px;
	min-height:110px;
	max-height:110px;
	background:  url(../img/plus-sign.png) no-repeat center center;
	
}

.boxGaleria a {
	background:;
	display: block;
	overflow: hidden;
}
.boxGaleria a img{width:100%;}
.boxGaleria a:hover img{
	opacity:.5;
}

/*
.boxGaleria a img:hover {

  -webkit-transform: scale(1.2, 1.2); 
  -webkit-transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;

  -moz-transform: scale(1.2, 1.2);
  -moz-transition-duration: 500ms;
  -moz-transition-timing-function: ease-out;
 
  -ms-transform: scale(1.20, 1.20);
  -ms-transition-duration: 500ms;
  -ms-transition-timing-function: ease-out;
}
*/

/* --- pruebas 

.gal {
display: block;
line-height: 0;
margin-top: 0;
font-size: 0;
margin-bottom: 30px;
background: url(../img/magnifier.png) center center no-repeat #000;
}
.gal img {
	width: 100%;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.gal:hover img {
	opacity: 0.76;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.85);
	z-index: 9999;
	color: white;
	display: inline-block;
}

 --- */
 



 
.boxProd{
	margin-bottom:28px;
}
.boxProdContent{
	border:#FFF solid 10px;
	position:relative;
	border-radius:6px;
	
}
.boxProdContent a{
}
.boxProdContent figure{ overflow:hidden}
span.overlay {
    border-radius: 4px 4px 0 0;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.1);
}

/* Overlay */
.overlay {
    background-color: rgba(0, 0, 0, 0.48);
    border: 0 solid rgba(255, 255, 255, 0.2);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 9;
	height:100%;
	width:100%;
	cursor:pointer;
}
.overlay:hover {
    opacity: 1;
}
.overlay i, .overlay span.title {
    color: #FFFFFF;
    font-size: 40px;
    position: relative;
    top: -60px;
    transition: all 0.3s ease 0s;
}
.overlay span.title {
    font-size: 30px;
}
.overlay:hover i, .overlay:hover span.title {
    top: 10px;
}

span.valign {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
@media (max-width:768px){

	
	.sliderTxt, .btnShare{ display:none!important;}
	
	.btnMobile{
		position:absolute;
		top:40px;
		right:0;
		right:15px;
		background:#FFDF28;
		color:#FFF
		
	}
	
	.menu{
		/*overflow:none;*/
	}
	
	.menuMobile {
		display: none;
		position: relative;
		/*background: #000;*/
		z-index: 999;
		/*top: 70px;*/
	}
	.menuMobile li{
		display: block;
		display: list-item!important;
		margin-left:0!important;
	}
	.menuMobile li a{
		display:block!important;
		text-align:center!important;
		line-height:24px!important;
		font-size:24px!important;
		border-left:none!important;
		padding:4px 8px!important;
	
}
}

/* rotar */

.rotateinfinite{
    animation-name: rotateinfinite;
	-webkit-animation-name: rotateinfinite;
    animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
    animation-duration: 6s;
	-webkit-animation-duration: 6s;
}

@keyframes rotateinfinite {
  from {
	transform: rotateY(0deg);
  }
  to {
    transform: rotateY(-360deg);
  }
}

@-webkit-keyframes rotateinfinite {
  from {
    -webkit-transform: rotateY(0deg);
  }
  to {
    -webkit-transform: rotateY(-360deg);
  }
}