body {  margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:0px;}
a {border:none}
a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 
a:link {color:#ffffff} 
a:visited {color:#ffffff}
a:active {color: #ffffff} 
a:hover {color: #ffffff} 
a.negro:link {color:#000000} 
a.negro:visited {color:#000000}
a.negro:hover {color:#000000;border:none} 
a.negro:active {color: #000000} 
a.verde:link {color:#7dbc30;} 
a.verde:visited {color:#7dbc30;}
a.verde:hover {color:#7dbc30;border:none} 
a.verde:active {color:#7dbc30;} 
a.azul-oscuro:link {color:#027091;} 
a.azul-oscuro:visited {color:#027091;}
a.azul-oscuro:hover {color:#027091;border:none} 
a.azul-oscuro:active {color:#027091;}
a.rojo:link {color:#e52319;} 
a.rojo:visited {color:#e52319;}
a.rojo:hover {color:#e52319;border:none} 
a.rojo:active {color:#e52319;} 
a.dorado:link {color:#806523;} 
a.dorado:visited {color:#806523;}
a.dorado:hover {color:#806523;border:none} 
a.dorado:active {color:#806523;} 

a.idioma:link {color:#666666; font-weight:bold;} 
a.idioma:visited {color:#666666;font-weight:bold;}
a.idioma:hover {color:#0a71b2;border:none;font-weight:bold;} 
a.idioma:active {color:#666666;font-weight:bold;}
a.idioma2:link {color:#0a71b2; font-weight:bold;} 
a.idioma2:visited {color:#0a71b2; font-weight:bold;}
a.idioma2:hover {color:#0a71b2;border:none; font-weight:bold;} 
a.idioma2:active {color:#0a71b2; font-weight:bold;}  
#bloq{
	width:50%;
	}
#bloq #contenido{
text-align:justify;	
}
#formu {
    border: 0 solid;
    float: right;
    margin-top: 1em;
    width: 45%;

}

#jerardiv {
    border: 0 solid;
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1em;
    margin-left: 18px;
    padding-top: 2em;
    position: absolute;
    text-align: justify;
}
#jerardiv h1 {
    color: #000000;
    font-size: 18px;
    margin-bottom: 1em;
}
#jerardiv a {
    color: #1D71A6;
    display: table-row;
    font-size: 13px;
}

.barra_arriba{height:110px; background-image:url(../img/fondo_cabecera.jpg); background-repeat:repeat-x; }
.barra_abajo{height:25px; background-color:#666666;}
.contenido{height:*;  background-color:#ffffff;}

#menu a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
width: 100%;
height:22px;
line-height:22px;
color: #ffffff;
text-decoration: none;
}

#menu a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
width: 100%;
height:22px;
line-height:22px;
color: #62acdb;
text-decoration: none;
}

#menu a.selected{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
display: block;
width: 100%;
height:22px;
line-height:22px;
color: #62acdb;
text-decoration: none;
}

.menu-principal
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color:#01b6ed;
	font-weight:bold;
	padding-left:5px;
	padding-right:5px;
	height:18px;
	
	
}
.menu-secundario
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	/*background-color:#a7ebff;*/
	background-color:#eee;
	padding-left:15px;
	height:15px;
	margin-top:5px;
	
}
.texto-producto
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
	color:#000;
	
}
* {
	padding: 0;
	margin: 0;
}

.clear {
	clear: both;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: 0;
}

#marcas_wrap {
	position: relative;
	clear: both;
	width:980px;
}

#marcas_wrap .bx_wrap {
	margin-left: 0px;
}

#marcas_wrap .prev {
	position: absolute;
	top: 0px;
	outline: 0;
	left: 0;
}

#marcas_wrap .next {
	position: absolute;
	top: 0px;
	left: 960px;
	outline: 0;
}

#marcas li {
	float:left;list-style:none;margin:0.5em;padding:0.5em;
	width: 144px;
  height: 68px;
  box-sizing: border-box;
  line-height: 68px;
}
#marcas li:hover{box-shadow:0px 0px 0.25em black;}
#marcas li img{width:75%;}


/*Estilos para la página Landings*/
#cabecera_landing{
	border:solid 0px #0f0;
	height:110px; background-image:url(../img/fondo_cabecera.jpg); background-repeat:repeat-x;
	margin-bottom:3em;
}
#marcas_landing{
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    margin-top: 15px;
	width:980px;
}
#pag_JP{

width:980px;
margin:auto;
}
#bloque_marcas{
    margin: auto;
    width: 984px;
}
#contenido_landing{
border:0px solid #0f0;
margin-top:23em;
color: #333333;
font-family: Arial,Helvetica,sans-serif;
}
#contenido_landing h1{
font-size: 25px;
}
#texto_landing{
    font-size: 14px;
    margin-top: 1em;
    text-align: justify;
}
#contenido_landing h2{
font-size: 18px;
margin-top:2em;
}
#contenido_landing h3{
font-size:16.5px;
margin-top:2em;
}
#prod_land li{
display: inline;
}
#prod_land{
width:100%;
border:0px solid #000;
margin-top:1em;
float:left;
margin-bottom:1em;
text-align:justify
}
#img_land{
    background-color: #00FF00;
    float: right;
    height: 150px;
    margin-right: 12%;
    width: 150px;
	margin-bottom:3em;
}
#razones{
border:0px solid;
margin-top: 14em;
color: #333333;
font-family: Arial,Helvetica,sans-serif;
}
#bq_razones{
width: 320px;
height: 250px;
background-color: #505;
display:inline-block;
}
#razones h1{
font-size: 25px;
}
#empresa_land{
width:50%;
border:0px solid;
margin-top: 10px;
color: #333333;
font-family: Arial,Helvetica,sans-serif;
float:left;

}
#confian{
border:0px solid;
margin-top:28em;
}
#confian_imagen{
width:160px;
height: 90px;
background-color:#F50;
display:inline-block;
margin:auto;
}
/* galeria pikachose*/
.pikachoose{width:980px;margin:0 auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:510px;height:180px;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:#777;margin:0 6px 4px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:506px;height:325px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;background:url('../img/black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('../img/play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('../img/pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('../img/rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('../img/fastf.png') top right no-repeat;}

.hide {
	display: none;
}
.txt_form { font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #333333; } 
.input_form {  font-family: Arial, Helvetica, sans-serif;font-size:12px;  border:1px solid #c9e0ee; background-color:#c9e0ee;  color:#000000;} 