@import url(normalize.css);
@import url(font/stylesheet.css);

html{ height: 100%;}
body { background: white;}

a:hover{text-decoration: none;}
.clear{clear: both;}
.dn{display: none;}
.tac{text-align: center;}
.bgadmin{position: absolute;top: 15%;left: 10%;}



/* MENU */
header{position: absolute;top: 0;left:0;width: 100%;z-index: 9;}
nav ul{list-style: none;float: right;padding-top: 30px;}
nav ul li{float:left;font-family:ceragr-bolduploaded_file;text-transform: uppercase;font-size: 18pt;padding: 0 30px;}
nav ul li a{color: #5e5d5b;}
nav ul li.redes{font-size: 22pt;}
nav ul li a:hover{color: #009cde;}
.logo{padding: 20px 0 10px;}

nav ul li ul {display: none;position: absolute;width: 80px;padding:10px 0;background-color: transparent;}
nav ul li:hover > ul {display: block;}
nav ul li ul li {position: relative;background:none;width: 100%;text-align: center;margin: 0;padding: 5px 0px;font-size: 0.7em;}
nav ul li ul li a {color: #5e5d5b;}
nav ul li ul li a:hover{background-color: transparent;border-bottom: 0px solid #0a88ff;}
nav ul li a.active{font-weight: bold;}
nav ul li.idioma{padding: 5px 0px;font-size: 1.4em;}


/* HOME */
.top{padding-top: 10%;}
.h_bloq1 h1{text-transform:uppercase;text-align: center;font-size: 60pt;color:#009cde;font-family:ceragr-bolduploaded_file;margin: 50px 0;position: relative;}
.h_bloq1 h1 span{color: #000000;}

.pantalla{background-color: rgba(242,242,242,0.9);width: 100%;height: 100%;position: fixed;display: none;z-index: 9;top: 0;overflow: auto;}
.zoom{width: 768px;margin: 0 auto;padding: 120px 0 0;display: none;}
.zoom img{width: 100%;}
.zoom h3{text-transform:uppercase;text-align: center;font-size: 40pt;color:#000000;font-family:ceragr-bolduploaded_file;}
.zoom h4{text-transform:uppercase;text-align: center;font-size: 25pt;color:#009cde;font-family:ceragr-bolduploaded_file;margin:0px;}
.zoom p{text-align: center;font-size: 20pt;color:#000000;font-family:ceragr-bolduploaded_file;margin-bottom: 30px;}
.ver_mas a{color: #FFFFFF;background-color: #009cde;font-family: ceragr-lightuploaded_file;font-size: 16pt;padding: 5px 60px;}

.list-prodcts{padding: 90px 0 60px;background: url(../img/gg_bg1.jpg) top no-repeat #d6d6d6;background-size: 100% auto;}
.list-prodcts .item{margin-bottom: 30px;}

.productos{overflow: auto;padding-top: 150px;}
.producto img{width: 100%;}
.producto h3{text-transform:uppercase;text-align: center;font-size: 20pt;color:#000000;font-family:ceragr-bolduploaded_file;}
.producto:hover h3{color:#009cde;}
.producto .bloq{min-height:280px;}

.h_bloq2{background-color: #000000;padding: 30px 0;position: relative;}
.h_bloq2 h1{text-transform:uppercase;font-size: 40pt;color:#FFFFFF;font-family:ceragr-bolduploaded_file;margin: 30px 0;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {width: 50px;height: 50px;margin-top: -15px;font-size: 30px;border: 3px solid #FFFFFF;border-radius: 30px;}
.carousel-control{opacity: 1;}
.glyphicon{line-height: 1.35;}
.novedad{position: absolute;top: 0;right: 0;width: 50px !important;}

.h_bloq3{background-color: #000000;padding: 30px 0;position: relative;border-bottom: 1px solid #2c2c2c;}
.h_bloq3 h1{text-transform:uppercase;font-size: 20pt;color:#FFFFFF;font-family:ceragr-bolduploaded_file;margin-bottom: 10px;}
.h_bloq3 p{font-size: 16pt;color:#FFFFFF;font-family:ceragr-regularuploaded_file;margin-bottom: 30px;}
.h_bloq3 p i{color: #FFFFFF;font-size: 18pt;margin: 0 3px;}
.h_bloq3 p.bottom-text{margin-top: 30px;}
.h_bloq3 p.bottom-text span{font-size: 12pt;margin-left: 20px;}

/* ABOUT US */
.au_bloq1{margin-top: 50px;}
.au_bloq1 .text{padding: 0 30px;}
.au_bloq1 .text h3{text-transform:uppercase;font-size: 35pt;color:#000000;font-family:ceragr-bolduploaded_file;margin: 10px 0;}
.au_bloq1 .text h3 span{color: #009cde;}
.au_bloq1 .text h4{text-transform:uppercase;font-size: 20pt;color:#000000;font-family:ceragr-bolduploaded_file;margin-bottom: 40px;margin-top: 20px;}
.au_bloq1 .text h5{text-transform:uppercase;font-size: 16pt;color:#000000;font-family:ceragr-bolduploaded_file;margin-bottom: 10px;margin-top: 20px;}
.au_bloq1 .text p{font-family: ceragr-regularuploaded_file;text-align: justify;font-size: 12pt;}
.au_bloq1 .imagen{background: url(../img/gg_au_img1.jpg) center no-repeat;min-height: 850px;}
.au_bloq1 img{width: 100%;}

/* PRODUCTO */
.informacion{margin: 60px 0;overflow: auto;}
.informacion img{width: 100%;}
.informacion .text{padding: 30px;}
.informacion .text p{font-family: ceragr-regularuploaded_file;font-size: 16pt;}
.informacion .text span{font-family:ceragr-bolduploaded_file;color: #000000;text-transform: uppercase;font-size: 30pt;padding: 10px;}
.informacion .text strong{font-family:ceragr-bolduploaded_file;}

.tabla0{padding-left: 20px;}
.tabla0 table{width: 100%;font-family: ceragr-regularuploaded_file;font-size: 11pt;}
.tabla0 table td{padding: 2px;}
.tabla0 table td.encabezado{background-color: #009cde;color: #FFFFFF;padding: 0px 10px;font-size: 14pt;}
.tabla0 table td.encabezado span{margin-left: 30px;}
.tabla0 h3 span{background-color: #000;color: #fff;padding: 20px 40px;font-family:ceragr-bolduploaded_file;font-size: 22pt;}
.tabla0 table img{width: 200px;}

.tabla1{margin-bottom: 20px;}
.tabla1 table{width: 100%;font-family: ceragr-regularuploaded_file;font-size: 12pt;}
.tabla1 table td{padding: 2px;}
.tabla1 table td table th{padding: 5px;background-color: #009cde;text-align: left;color: #FFFFFF;padding: 0 0 0 10px;}
.tabla1 table td table th:last-child{color: #000;text-align: right;background-color: #e6e6e6;}
.tabla1 table tr.bg{background-color: #e6e6e6;}

.tabla2{margin-bottom: 20px;}
.tabla2 table{width: 66%;font-family: ceragr-regularuploaded_file;font-size: 12pt;}
.tabla2 table td{text-align: center;padding: 2px;}
.tabla2 table tr td:first-child{text-align: left;width: 30%;}
.tabla2 table tr td:last-child{width: 40%;background-color: #fff;}
.tabla2 table th{background-color: #009cde;text-align: left;color: #FFFFFF;padding: 0 0 0 10px;}
.tabla2 table tr.bg{background-color: #e6e6e6;}

.tabla3{margin-bottom: 20px;}
.tabla3 table{width: 100%;font-family: ceragr-regularuploaded_file;font-size: 12pt;}
.tabla3 table th{background-color: #009cde;text-align: left;color: #FFFFFF;padding: 0px 10px;}
.tabla3 table tr.bg{background-color: #e6e6e6;}
.more-images{text-align: center;}
.more-images img{width: 100%;padding: 20px;}

.grafica{width: 100%;height: 25px;margin-bottom: 5px;}
.columnas{display: inline-block;height: 100%;width: 48%;padding: 0;margin:0;}
.negativo{background-color: red;height: 100%;float: right;}
.positivo{background-color: blue;height: 100%;}

.tabla0_resp{display: none;}
.tabla1_resp{display: none;}
.tabla2_resp{display: none;}
.tabla3_resp{display: none;}

.imprimir{background-color: #009cde;color: #FFFFFF;text-transform: uppercase;padding: 10px 80px;border: 0;font-size: 12pt;font-family: ceragr-bolduploaded_file;margin-top: 30px;}
.pedigree{background-color: #009cde;color: #FFFFFF;text-transform: uppercase;padding: 10px 60px;border: 0;font-size: 12pt;font-family: ceragr-bolduploaded_file;}
.share{background-color: #009cde;color: #FFFFFF;text-transform: uppercase;padding: 10px 60px;border: 0;font-size: 12pt;font-family: ceragr-bolduploaded_file;}

/* CONTACTO */
.con_bloq1{margin: 60px 0;overflow: auto;}
.con_bloq1 .text h3{text-transform:uppercase;font-size: 35pt;color:#009cde;font-family:ceragr-bolduploaded_file;margin: 10px 0 30px;}
.con_bloq1 .text p{font-family: ceragr-regularuploaded_file;font-size: 14pt;margin-bottom: 30px;}
.con_bloq1 .text p strong{font-family: ceragr-bolduploaded_file;}

#frm-contacto{margin-top: 50px;}
#frm-contacto label{font-family: ceragr-bolduploaded_file;font-size: 14pt;}
#frm-contacto input{border: 1px solid #009cde;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#frm-contacto textarea{border: 1px solid #009cde;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;resize:none;height: 150px;margin-bottom: 30px;}
#frm-contacto button{background-color: #009cde;color: #FFFFFF;text-transform: uppercase;padding: 10px 80px;border: 0;font-size: 12pt;font-family: ceragr-bolduploaded_file;}
.acciones{text-align: right;}
.help-block{color: #000000 !important;}

footer{text-align: right;background-color: #000000;}
footer .text{padding: 35px 5px 0;}
footer .text ul li{display: inline-block;font-family: ceragr-lightuploaded_file;padding: 0 20px;}
footer .text a{color: #868686;}
footer .text a:hover{color: #FFFFFF;}
footer .logo-footer{text-align: left;padding: 5px 0;}
/*.owl-theme .owl-dots .owl-dot span {background: #009cde !important;}*/

.informacion_2{margin: 10px 0;overflow: auto;}
.informacion_2 img{width: 100%;}
.informacion_2 .text{padding: 5px;}
.informacion_2 .text p{font-family: ceragr-regularuploaded_file;font-size: 12pt;line-height: 0.9;}
.informacion_2 .text span{font-family:ceragr-bolduploaded_file;color: #000000;text-transform: uppercase;font-size: 30pt;padding: 10px;}
.informacion_2 .text strong{font-family:ceragr-bolduploaded_file;}

#frm-share label{font-family: ceragr-regularuploaded_file;font-size: 12pt;color: #ffffff;}
#frm-share input{border: 1px solid #009cde;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
#frm-share textarea{border: 1px solid #009cde;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;resize:none;height: 150px;margin-bottom: 30px;}
#frm-share button{background-color: #ffffff;color: #009cde;text-transform: uppercase;padding: 10px 80px;border: 0;font-size: 12pt;font-family: ceragr-bolduploaded_file;}
#shareModal .modal-content{background-color: #009cde;}
#shareModal h4{color: #ffffff;margin: 0;font-family:ceragr-bolduploaded_file;text-transform: uppercase;}
#frm-share .help-block{color: red !important;}

#facebookCarousel .item{padding: 10px;}
#facebookCarousel .item .fb-content{background-color: #ffffff;}
#facebookCarousel .item .fb-content p{color: #000;font-size: 12pt;padding: 10px;margin-bottom: 10px;}
#facebookCarousel .item .fb-content p a{color: #009cde;}
#facebookCarousel .item .fb-content p i{color: #009cde;}

@media only screen and (max-width: 2560px){
	.bgadmin{position: absolute;top: 25%;left: 20%;}
}

@media only screen and (max-width: 1440px){
	.bgadmin{top: 20%;left: 10%;}
}

@media only screen and (max-width: 1024px){
	.h_bloq1 h1{font-size: 50pt; margin: 40px 0;}
	.bgadmin{top: 11%;left: 4%;}
}

@media only screen and (max-width: 768px){
	nav ul li {font-size: 14pt;padding: 0 10px;}
	.logo img{width: 100%;}
	.h_bloq1 h1 {font-size: 30pt;margin: 20px 0;}
	.producto h3 {font-size: 16pt;}
	/* PRODUCTO */
	.informacion{margin: 30px 0;}
	.informacion .text {padding: 0 30px;}
	.informacion .text p{font-size: 14pt;}
	.tabla1 table{font-size: 12pt;}
	.tabla2 table{font-size: 12pt;}
	.tabla3 table{font-size: 12pt;}
	.novedad{width: 30px !important;}

	.imprimir{padding: 10px 20px;}
	.pedigree{padding: 10px 20px;}
	.share{padding: 10px 20px;}

}

@media only screen and (max-width: 479px){
	header{position: relative;}
	header img{width: 200px;}
	nav ul {overflow: auto;padding-left: 0;float: none;}
	nav ul li{padding: 0 10px;width: 100%;text-align: center;margin-bottom: 20px;}
	nav ul li.redes{width: 100%;}
	nav ul li ul {width: 100%;}
	.top{padding-top: 0px;}
	.logo{text-align: center;}


	/* HOME */
	.h_bloq1 h1{font-size: 22pt;}
	.bgadmin{position: relative;top: 0;left: 0;}
/*	.pantalla{background-color: gray;}*/
	.zoom{width: 100%;padding: 30px 0 0;}
	.list-prodcts {padding: 30px 0;}
	.producto .bloq{min-height:auto;}

	/* CONTACTO */
	.au_bloq1 .text h3{font-size: 20pt;}
	.au_bloq1 .text h4{font-size: 16pt;margin-bottom: 30px;}
	.au_bloq1 .text{padding: 0;}

	.tabla0{display: none;}
	.tabla1{display: none;}
	.tabla2{display: none;}
	.tabla3{display: none;}

	.tabla0_resp{margin-bottom: 20px;display: block;}
	.tabla0_resp table{width: 100%;font-family: ceragr-regularuploaded_file;font-size: 10pt;}
	.tabla0_resp table td.encabezado{background-color: #6fc1f1;text-align: center;color: #FFFFFF;padding: 5px;font-size: 14pt;}

	.tabla1_resp{margin-bottom: 20px;display: block;}
	.tabla1_resp table{width: 100%;font-family: ceragr-regularuploaded_file;font-size: 10pt;}
	.tabla1_resp table td:first-child{padding-bottom: 0;}
	.tabla1_resp table td.encabezado{background-color: #6fc1f1;text-align: center;color: #FFFFFF;}
	.tabla1_resp table td{padding-bottom: 10px;}
	.tabla1_resp table td table td{padding: 5px;}

	.tabla2_resp{margin-bottom: 20px;display: block;}
	.tabla2_resp table{width: 100%;font-family: ceragr-regularuploaded_file;font-size: 10pt;}
	.tabla2_resp table th{background-color: #6fc1f1;text-align: left;color: #FFFFFF;padding: 5px;}
	.tabla2_resp table td:first-child{padding-bottom: 0;}
	.tabla2_resp table td{text-align: center;width: 25%;padding-bottom: 10px;}
	.tabla2_resp table tr td:first-child{text-align: left;width: 50%;}
	

	.tabla3_resp{margin-bottom: 20px;display: block;}
	.tabla3_resp table{width: 100%;font-family: ceragr-regularuploaded_file;font-size: 10pt;}
	.tabla3_resp table td{padding-bottom: 10px;}
	.tabla3_resp table td:first-child{padding-bottom: 0;}
	.tabla3_resp table th{background-color: #6fc1f1;text-align: left;color: #FFFFFF;padding: 5px;}
	.tabla3_resp table td table td{padding: 5px;}

	.imprimir{margin-bottom: 10px;}

	footer .text {padding: 5px 5px 0;}
	footer .text ul li{padding: 5px;display: block;}

}