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


/* COLORES
#cc0b21 = Rojo Rivera
#db007d = magenta
#c9d618 = verde lima
*/


body {margin:0px; padding:0px; background-color:#fff; background-image:url('../ima/fdo.2x2.gif'); }
body {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; line-height: 1.4em; color: #333; }

h1 {font-size:1.6em; }
h2 {font-size:1.4em; font-weight:bold; line-height:1.8em; }
h3 {font-size:1.2em; font-weight:bold; line-height:1.65em; }
h4 {}
h5 {}
h6 {}

a img {}
a {text-decoration: none;  color: #000;}
#col02f03-productos a {color:#cc0b21; }
#col02f03-productos a:hover {text-decoration: underline; }

p { }

ul {}
ol {}
il {}

#contenedor {width:1000px; margin: 0px auto 20px auto; padding:0px; background-color:#fff;    /*background-image: url('../ima/fdo.container.jpg') ; background-position:left bottom; background-repeat:no-repeat ;  */}

#contenido {width:950px; min-height:670px;  margin: 0px 25px 25px 25px; padding:0px; }

#col01 {float: left; width:180px; margin:0px; padding:0px; vertical-align:top;}

#col02 {float: left; width:765px; margin-left:5px; padding:0px; vertical-align:top; }

#col02f01 {float: left; width:765px; height:35px; vertical-align:bottom; text-align:right;}
#col02f01 a:link, #col02f01 a:visited { font-size: 0.8em; line-height:5em; text-decoration: none; color: #000;  }
#col02f01 a:hover { font-size: 0.8em; line-height:5em; text-decoration:none; color: #cc0b21; }

#col02f02 {float: left; width:765px; height:140px; }
#col02f02 img {border:0px;}


#col02f03 {float: left; width:765px; /*height:380px;*/ margin-bottom:20px; background-color:#fff;}
#col02f03 h1 {font-family:"Times New Roman", Times, serif; color: #000; font-style: normal; font-weight:lighter; margin:0px 0 20px 0px; line-height:1em; }
#col02f03 .legales h1 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.6em; font-weight:bold; line-height:2em;}
#col02f03 .legales h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.4em; font-weight:bold; line-height:1.8em; }
#col02f03 .legales h3 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1.2em; font-weight:bold; line-height:1.6em; }
#col02f03 p {margin-bottom:20px; }
#col02f03 p a:link, a:visited {color: #cc0b21; text-decoration:none;}
#col02f03 p a:hover {color: #000; text-decoration:none;}

#col02f03a {float:left; width:372px; /*height:380px;*/ margin-right:20px; }
#col02f03a p a:link, #col02f03a p a:visited {color:#cc0b21;}
#col02f03a p a:hover {color:#000;}
#col02f03b {float:left; width:372px; height:380px; margin-top: 20px;}


/* franja de menues de producto */

#col02f03-menu {float: left; width:765px; height:30px; background-color:#999; margin: 0px auto 50px auto; position: relative;}  /* franja que contiene el menu */

.menu-recuadro-of {float: left; width:141px; height:120px; margin:0px 15px 20px 0px; background-color:#000; }
.menu-recuadro-on {float: left; width:141px; height:120px; margin:0px 15px 20px 0px; background-color:#bad405; background-image:url(../ima/fdo.menues-on.jpg); }
.menu-recuadro-of-final {float: left; width:141px; height:120px; margin:0px 0px 20px 0px; background-color:#000; }
.menu-recuadro-on-final {float: left; width:141px; height:120px; margin:0px 0px 20px 0px; background-color:#bad405; background-image:url(../ima/fdo.menues-on.jpg);}

.menu-recuadro-item-of {float:left; margin:15px 0px 5px 15px;}
.menu-recuadro-item2-of {float:left; margin:5px 0px 0px 15px;}


/*#col02f03-menu p {margin:50px 0 20px 0; }*/

#col02f03-video {float: left; background-color:#000; border:10px solid #000; /*margin-bottom:20px;*/ padding:10px ;}

#col02f03-productos {float: left; width:765px; /*margin-bottom:50px;*/ background-color:#fff; margin-bottom:20px; }
#col02f03-productos .imagen {float: left; width:370px; height: 380px; margin-right: 25px; }
#col02f03-productos .titulo {float: left; width:370px; height:50px; font-size:1.4em; /* era 100 y 2em */}
#col02f03-productos .texto {float: left; width:370px; min-height:180px; /*font-size:1.2em; line-height:1.4em;*/ font-size:1em; line-height:1.2em; }
/*#col02f03-productos .descargar {float: left; width:370px; height:50px; }*/ /* ahora va como parrafo dentro del div texto */
#col02f03-productos .subficha {margin-bottom:100px;} /* en vez de ponerle margen al general, se lo pongo a cada subficha, para que también haya margen entre ellas sin que el final se desplace mucho */
#col02f03-productos p {margin:40px 0 40px 0; }

#col02f04 {float: left; width:765px; height:25px; /*background-color:#000;*/ text-align:center; vertical-align:middle; margin: 30px 0px 20px 0px;}
#col02f04 p {font-size: 0.8em; color: #000; line-height:2.3em; padding: 0px; margin:0px; }
#col02f04 a:link, a:visited {color: #000; text-decoration: none; }
#col02f04 a:hover {color: #cc0b21;  text-decoration: none; }


/*
#col02f05 {float: left; width:765px; height:70px;}
#col02f05 img {float: right; margin-right: 0px;  vertical-align:middle; }
#col02f05 p {float: right; margin-right: 10px;  vertical-align:middle; }
*/

#col02f05 {float: left; width:765px; height:100px; vertical-align:top;}
#col02f05 img {float: left; margin-right: 34px; }
#col02f05 .pboga {float: left; margin-left:0px; margin-right:75px !important; margin-right:00px; }
#col02f05 .ultimo {float: left; margin-right: 0px; margin-left:0px; }

/* MENU FOOTER TEXTOS LEGALES */

#menu-textos-legales {width:1000px; margin: 0px auto 50px auto; padding:0px; background-color:#fff;}
#menu-textos-legales p {margin:25px;  text-align:right; padding:5px 0px; }
#menu-textos-legales p a:link, a:visited {color: #999; text-decoration:none;}
#menu-textos-legales p a:hover {color: #ccc; text-decoration:none;}



.up {float:right; margin-left:745px; width:20px; height:25px;}

/* FORMULARIO */

#formulario{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }

#inp1, #inp2, #inp3, #inp4 {background-repeat:no-repeat; border: none;  width: 370px;  height: 30px; margin-bottom: 20px; padding-left: 10px;}
#inp1, #inp2, #inp3, #inp4 { font-size:1em; line-height:1em; vertical-align:top; line-height:1.2em; color: #666; height: 30px; }
#inp5 {background-image:url(ima/ima.form-in4.jpg)}

#inp1 {background-image:url(../ima/ima.form-in1.jpg)}
#inp2 {background-image:url(../ima/ima.form-in1.jpg)}
#inp3 {background-image:url(../ima/ima.form-in2.jpg)}
#inp4 {background-image:url(../ima/ima.form-in4.jpg)}


input:focus{background-color: transparent;}
#divtextarea{float:left; width:370px; height:360px; margin-right:25px; overflow:hidden; background-image:url(../ima/ima.form-in5.jpg); background-repeat:no-repeat; }
#datos{ float:left; width:370px; height:360px; overflow:hidden;}

#divtextarea textarea {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:1em; color: #666; padding-left: 10px; padding-top:10px; width:340px; height:300px; border:none; overflow: auto; background-color: transparent; }
.texto-legal{ clear: both; }
.texto-legal a{ color: #333 !important; text-decoration: none !important; }

.requerido { color:#F00;}


/* COOKIES y BARRA DE COOKIES */

#barraaceptacion {
	display:none;
	position:fixed;
	left:0px;
	right:0px;
	bottom:0px;
	padding-bottom:20px;
	width:100%;
	text-align:center;
	min-height:40px;
	background-color: rgba(0, 0, 0, 0.5);
	color:#fff;
	z-index:99999;
}

.inner {
	width:100%;
	position:absolute;
	padding-left:5px;
	font-family:verdana;
	font-size:12px;
	top:30%;
}

.inner a.ok {padding:4px; color: #c9d618; text-decoration:none;}
.inner a.info {padding-left:5px; text-decoration:none; color:#c9d618;}



/* APPLESLIDER SECCION FORMATOS */

#gallery{
	/* CSS3 Box Shadow */
	/*
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	*/
	/* CSS3 Rounded Corners */

	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;

	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;

	border:1px solid white;

	/*background:url(img/panel.jpg) repeat-x bottom center #ffffff;*/

	/* The width of the gallery */
	/*width:920px;*/
	width:765px;
	overflow:hidden;
}

/* This is the slide area */
/* jQuery changes the width later on to the sum of the widths of all the slides. */
#slides{height:500px; width:765x; /* 920*/overflow:hidden;text-align:center;}

.slide{float:left;}


/* This is the container for the thumbnails */
#menu{ height:45px; /*45px;*/ margin: 10px auto 0px auto;  width:470px;}

ul{
	margin:0px;
	padding:0px;
}

li{
	/* Every thumbnail is a li element */
	width:150px; /*60px;*/
	display:inline-block;
	list-style:none;
	height:40px; /*80px;*/
	overflow:hidden;
}


/* The inactive state, highlighted on mouse over */
li.inact:hover{background:url(img/pic_bg.png) repeat;}

/* The active state of the thumb */
li.act,li.act:hover{background:url(img/active_bg.png) no-repeat;}

li.act a{cursor:default;}


li a{display:block;	/*background:url(img/divider.png) no-repeat right;*/	height:10px; padding-top:20px;}

a img{border:none;}