@charset "utf-8";
/* CSS Document */

html{
	background:url(../imagenes/fondo.jpg) no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-ms-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	margin:0;
	padding:0;
}

body{
	margin:0;
	padding:0;
}

header{
	font-family: 'Roboto Regular';	
	position:relative;
	width:100%;
	min-width:1024px;
	height:105px;
	background:rgba(255,255,255,1);
	margin:0;
	padding:0;
}

header #logo{
	position:relative;
	width:100%;
	min-width:1024px;
	height:70px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.35);
	margin:0;
	padding:0;
}

header #logo #logotipo{
	position:relative;
	width:1024px;
	min-width:1024px;
	text-align:right;
	margin:0 auto;
	padding:0;
}

header nav{
	position:relative;
	width:100%;
	min-width:1024px;
	height:35px;
	max-height:35px;
	margin:0;
	padding:0;
}

header nav ul{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:35px;
	max-height:35px;	
	margin:0 auto;
	padding:0;
}

header nav ul li{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	list-style:none;
	font-size:16px;
	font-weight:100;
	line-height:30px;
	color:rgba(0,0,0,1.00);
	border-bottom:5px solid rgba(0,0,0,0.00);
	margin:0 35px 0 0;
	padding:0;
}

header nav ul li a{
	display:block;
	font-size:inherit;
	font-weight:inherit;
	color:inherit;
	text-decoration:none;
	padding:0 5px;
	margin:0;
}

header nav ul li:hover,
header nav ul li.active{
	color:rgba(115,155,58,1);
	border-bottom:5px solid rgba(115,155,58,1);
}

section{
	font-family: 'Roboto Regular';		
	position:relative;
	width:100%;
	min-width:1024px;
	overflow:hidden;
	margin:0;
	padding:0;
}

section aside{
	position:relative;
	width:100%;
	min-width:1024px;
	margin:0;
	padding:0;
}

section aside #slider{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:260px;
	max-height:260px;
	margin:30px auto;
	padding:0;
}

section article{
	position:relative;
	width:100%;
	min-width:1024px;
	min-height:300px;
	background:rgba(255,255,255,0.7);
	box-shadow:0px 0px 15px rgba(0,0,0,0.35);
	margin:0 0 30px 0;
	padding:0 0 85px 0;
}


footer{
	font-family: 'Roboto Regular';	
	position:relative;
	width:100%;
	min-width:1024px;
	height:64px;
	max-height:64px;
	background:url(../imagenes/bg_footer.png) repeat-x;
	margin:0;
	padding:0;
}

footer #pie{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:64px;
	max-height:64px;	
	text-align:left;
	margin:0 auto;
	padding:0;
}

footer #pie h2{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	font-size:20px;
	font-weight:100;
	color:rgba(255,255,255,1);
	margin:10px 25px 0 125px;
	padding:0;
}

footer #pie p{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	font-size:14px;
	font-weight:100;
	color:rgba(255,255,255,1);
	margin:15px 25px 0 25px;
	padding:0;
}

footer #pie #certificado{
	position:absolute;
	left:0px;
	top:17px;
	width:95px;
	height:45px;
	overflow:hidden;
	margin:0;
	padding:0;
	
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-ms-transition:all .2s linear;
	-o-transition:all .2s linear;
	transition:all .2s linear;
}

footer #pie #certificado:hover{
	top:-70px;
	height:130px;
}


footer #pie #molde{
	position:absolute;
	top:-115px;
	right:-130px;
	margin:0;
	padding:0;
}

	
/* ######################################################################### */
/* ############################# INDEX ##################################### */
	
section.txt_index article .linea{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:100%;
	min-width:1024px;

	word-spacing:0;
	letter-spacing:0;
	font-size:0;	
	
	margin:0;
	padding:0 0 10px 0;
}

section.txt_index article .linea .lcentro{
	position:relative;
	width:1024px;
	min-width:1024px;
	margin:0 auto;
	padding:0;
}

section.txt_index article .linea .cols{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:512px;
	min-width:512px;
	margin:0;
	padding:0;
}	

section.txt_index article .linea.lsombra{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
}

section.txt_index article .linea.lblanca{
	background:rgba(255,255,255,1);
}

section.txt_index article .linea p{
	font-size:16px;
	font-weight:100;
	text-align:justify;
	color:rgba(0,0,0,1.00);
	margin:0;
	padding:10px 10px 5px 10px;
}

section.txt_index article .linea ul{
	margin:0;
	padding:0;
}

section.txt_index article .linea ul li{
	font-size:16px;
	font-weight:100;
	text-align:justify;
	color:rgba(0,0,0,1.00);
	list-style:none;
	margin:0;
	padding:5px 10px 0 10px;
}
	
/* ######################################################################### */
/* ############################# PRODUCTOS ################################# */

section.txt_productos article .linea{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:100%;
	min-width:1024px;

	word-spacing:0;
	letter-spacing:0;
	font-size:0;	
	
	margin:0;
	padding:0 0 10px 0;
}

section.txt_productos article .linea .lcentro{
	position:relative;
	width:1024px;
	min-width:1024px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

section.txt_productos article .linea p{
	font-size:16px;
	font-weight:100;
	text-align:justify;
	color:rgba(0,0,0,1.00);
	margin:0;
	padding:10px 10px 5px 10px;
}

section.txt_productos article .linea.lsombra{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	padding:0 0 10px 0;
}

section.txt_productos article .linea .cproducto{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:220px;
	min-width:220px;
	height:175px;
	max-height:175px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.65);
	margin:20px 10px 0;
	padding:0;
}

section.txt_productos article .linea .cproducto .img_producto{
	position:relative;
	width:220px;
	min-width:220px;
	height:175px;
	max-height:175px;	
}

section.txt_productos article .linea .cproducto span{
	position:absolute;
	left:0;
	bottom:0px;
	width:calc(100% - 20px);
	background:rgba(0,0,0,0.75);
	font-size:16px;
	font-weight:100;
	color:rgba(255,255,255,1);
	padding:5px 10px 10px 10px;
	margin:0;
}

section.txt_productos article .linea .pproducto{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:220px;
	min-width:220px;
	height:175px;
	max-height:175px;
	box-shadow:0px 0px 5px rgba(0,0,0,0.65);
	margin:20px 10px 0;
	padding:0;
}

section.txt_productos article .linea .pproducto .img_producto{
	position:relative;
	width:220px;
	min-width:220px;
	height:175px;
	max-height:175px;	
}

section.txt_productos article .linea .pproducto:hover span{
	height:auto;	
	padding:5px 10px 10px 10px;
}

section.txt_productos article .linea .pproducto span{
	position:absolute;
	left:0;
	bottom:0px;
	height:0px;
	overflow:hidden;
	width:calc(100% - 20px);
	background:rgba(0,0,0,0.75);
	font-size:16px;
	font-weight:100;
	color:rgba(255,255,255,1);
	padding:0px 0px 0px 0px;
	margin:0;
}



/* ######################################################################### */
/* ############################# CONTACTO ################################## */

section.txt_contacto article .linea{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:100%;
	min-width:1024px;

	word-spacing:0;
	letter-spacing:0;
	font-size:0;	
	
	margin:0;
	padding:0 0 10px 0;
}

section.txt_contacto article .linea .lcentro{
	position:relative;
	width:1024px;
	min-width:1024px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

section.txt_contacto article .linea h1{
	font-size:24px;
	font-weight:100;
	text-align:justify;
	color:rgba(0,0,0,1.00);
	margin:0;
	padding:10px 10px 5px 10px;
}

section.txt_contacto article .linea h1 img{
	vertical-align:middle;
	margin:0 5px;
}

section.txt_contacto article .linea p{
	font-size:16px;
	font-weight:100;
	text-align:justify;
	color:rgba(0,0,0,1.00);
	margin:0;
	padding:10px 10px 5px 10px;
}

section.txt_contacto article .linea.lsombra{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	padding:0 0 10px 0;
}

section.txt_contacto article .linea .cols{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:512px;
	min-width:512px;
	margin:0;
	padding:0;
}

section.txt_contacto article .linea #imgcontacto{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:175px;
	margin:10px 0;
	padding:0;
}

section.txt_contacto article .linea form{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	margin:0;
	padding:20px 0;
}

section.txt_contacto article .linea input[type=text],
section.txt_contacto article .linea input[type=tel],
section.txt_contacto article .linea input[type=email]{
	position:relative;
	display:inline-block;
	vertical-align:text-top;	
	width:480px;
	min-width:480px;
	height:35px;
	max-height:35px;
	background:rgba(0,0,0,0.20);
	color:rgba(255,255,255,1);
	border:0;
	border-radius:10px;
	box-shadow:inset 0px 0px 25px 1px rgba(0,0,0,0.65);
	outline:none;
	margin:5px 20px 5px 0;
	padding:0 0 0 10px;
}

section.txt_contacto article .linea textarea{
	position:relative;
	display:inline-block;
	vertical-align:text-top;	
	width:480px;
	min-width:480px;
	height:135px;
	max-height:135px;
	background:rgba(0,0,0,0.20);
	color:rgba(255,255,255,1);
	border:0;
	border-radius:10px;
	box-shadow:inset 0px 0px 25px 1px rgba(0,0,0,0.65);
	resize:none;
	outline:none;
	margin:5px 20px 5px 0;
	padding:5px 0 0 10px;
}

section.txt_contacto article .linea #captcha{
	text-align:left;
}

section.txt_contacto article .linea #captcha #siimage{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	float:none;
	margin:5px 5px 5px 0;
	padding:0 0 0 0px;	
}

section.txt_contacto article .linea #captcha .refresh{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	float:none;
	margin:5px 20px 5px 0;
	padding:0 0 0 0px;	
}

section.txt_contacto article .linea #captcha input[type=text]{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:160px;
	min-width:160px;
	height:35px;
	max-height:35px;
	background:rgba(0,0,0,0.20);
	color:rgba(255,255,255,1);
	border:0;
	border-radius:10px;
	box-shadow:inset 0px 0px 25px 1px rgba(0,0,0,0.65);
	outline:none;
	margin:5px 5px 5px 0;
	padding:0 0 0 10px;
}

section.txt_contacto article .linea #captcha input[type=reset]:active{
	background:url(../imagenes/icons/icon_papelerav.png) no-repeat center center, -moz-linear-gradient( 90deg, rgb(182,114,0) 0%, rgb(255,159,0) 100%);
	background:url(../imagenes/icons/icon_papelerav.png) no-repeat center center, -webkit-linear-gradient( 90deg, rgb(182,114,0) 0%, rgb(255,159,0) 100%);
	background:url(../imagenes/icons/icon_papelerav.png) no-repeat center center, -ms-linear-gradient( 90deg, rgb(182,114,0) 0%, rgb(255,159,0) 100%);
	box-shadow: 1px 1.732px 6px 0px rgb( 0, 0, 0 );
}

section.txt_contacto article .linea #captcha input[type=reset]{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:45px;
	min-width:45px;
	height:35px;
	max-height:35px;
	*background:url(../imagenes/icons/icon_papelera.png) no-repeat center center, linear-gradient(rgba(255,255,255,0.25),rgba(255,255,255,0)), linear-gradient(rgba(200,125,2,1),rgba(200,125,2,1));
	background:url(../imagenes/icons/icon_papelera.png) no-repeat center center, -moz-linear-gradient( 90deg, rgb(182,114,0) 0%, rgb(255,159,0) 100%);
	background:url(../imagenes/icons/icon_papelera.png) no-repeat center center, -webkit-linear-gradient( 90deg, rgb(182,114,0) 0%, rgb(255,159,0) 100%);
	background:url(../imagenes/icons/icon_papelera.png) no-repeat center center, -ms-linear-gradient( 90deg, rgb(182,114,0) 0%, rgb(255,159,0) 100%);
	box-shadow: 1px 1.732px 6px 0px rgb( 0, 0, 0 );
	color:rgba(0,0,0,1);
	border:0;
	border-radius:5px;
	outline:none;
	margin:5px 25px 5px 0;
	padding:0px 0 0px 0px;
}

section.txt_contacto article .linea #captcha input[type=submit]{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	height:35px;
	max-height:35px;
	*background:url(../imagenes/icons/icon_papelera.png) no-repeat center center, linear-gradient(rgba(255,255,255,0.25),rgba(255,255,255,0)), linear-gradient(rgba(200,125,2,1),rgba(200,125,2,1));
  background-image: -moz-linear-gradient( 90deg, rgb(80,106,25) 0%, rgb(121,179,42) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(80,106,25) 0%, rgb(121,179,42) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(80,106,25) 0%, rgb(121,179,42) 100%);
  box-shadow: 1px 1.732px 6px 0px rgb( 0, 0, 0 );	
	color:rgba(0,0,0,1);	
	border:0;
	border-radius:5px;	
	margin:5px 5px 5px 0;
	padding:0px 25px 0px 25px;
}


section.txt_contacto article .linea input::-webkit-input-placeholder,
section.txt_contacto article .linea textarea::-webkit-input-placeholder {
	color:rgba(255,255,255,1);	
}
section.txt_contacto article .linea input::-moz-placeholder,
section.txt_contacto article .linea textarea::-moz-placeholder {
	color:rgba(255,255,255,1);	
}
section.txt_contacto article .linea input:-moz-placeholder,
section.txt_contacto article .linea textarea:-moz-placeholder {   /* Older versions of Firefox */
	color:rgba(255,255,255,1);
}
section.txt_contacto article .linea input:-ms-input-placeholder,
section.txt_contacto article .linea textarea:-ms-input-placeholder { 
	color:rgba(255,255,255,1);
}

/* ######################################################################### */
/* ############################# DONDE ##################################### */

section.txt_donde article .linea{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:100%;
	min-width:1024px;

	word-spacing:0;
	letter-spacing:0;
	font-size:0;	
	
	margin:0;
	padding:0 0 10px 0;
}

section.txt_donde article .linea .mapa{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:220px;
	max-height:220px;
	text-align:center;
	margin:0 auto;
	padding:0;
}

section.txt_donde article .linea.lsombra{
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 10px rgba(0,0,0,0.75);
	padding:0 0 10px 0;
}

section.txt_donde article .linea .mapa span{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	min-width:100%;
	height:55px;
	max-height:55px;
	text-align:left;
	background:rgba(0,0,0,0.45);
	margin:0;
	padding:0;
}

section.txt_donde article .linea .mapa span .uh1{
	font-size:22px;
	font-weight:100;
	color:rgba(255,255,255,1);
	line-height:55px;
	margin:0;
	padding:5px 10px 5px 30px;
}

section.txt_donde article .linea .mapa span .dir{
	float:right;
	font-size:14px;
	font-weight:100;
	color:rgba(255,255,255,1);
	line-height:55px;
	margin:0;
	padding:5px 40px 5px 30px;
}

/* ######################################################################### */
/* #############################  ################################# */

/* ######################################################################### */
/* ############################# CONTACTO ################################## */

/* ######################################################################### */
/* ############################# EXTRAS #################################### */

.bloque_centrado{
	position:relative;
	width:1024px;
	min-width:1024px;
	margin:0 auto;
	padding:0;
}

.clearfloat{
	clear:both;
	line-height:1px;
	margin:0;
	padding:0;
}

/* ######################################################################### */
/* ############################# FONTS ##################################### */	
@font-face {
	font-family: 'Roboto Ligth';
	src: url('../fonts/Roboto-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto Regular';
	src: url('../fonts/Roboto-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto Bold';
	src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'Roboto Thin';
	src: url('../fonts/Roboto-Thin.ttf') format('truetype');
}

@font-face {
	font-family: 'thebit';
	src: url('fonts/futuran-webfont-webfont.eot');
	src: url('fonts/futuran-webfont-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/futuran-webfont-webfont.woff') format('woff'),
	url('fonts/futuran-webfont-webfont.ttf') format('truetype'),
	url('fonts/futuran-webfont-webfont.svg#futura_bk_btbook') format('svg');
}