#container {overflow:hidden; background-color: #FFF;}
#movil_container {overflow:hidden; background-color: #FFFFF;}
#container2 {overflow:hidden; background: url(../img/movil_header2.webp) no-repeat center; background-size: 100% 100%;}
#left {width:100%; height:1200px; float:left; background: url(../img/bg_menu.png) repeat-x #7b7b7b;}

#center {float:left; }
#center2 {float:left;}

/* Reset */
img,p,h1,h2,h3,h4,h5,h6,ul,ol {margin:0; padding:0; list-style:none; border:none; font-size:16px; font-weight: normal; line-height:19px;}

.img-index-movil{
	box-sizing: border-box;
	max-width:90%;
	height: auto;
	}
.img-comunicaciones{
	box-sizing: border-box;
	max-width:100%;
	height: auto;
	}
/**** para webcode ***/
.webcode_table{
    width:100%;
	}
.webcode_td1{
    width: 20%;
	text-align:center;
	vertical-align: top;
	}
.webcode_td2{
    width: 50%;
	color:#333333;
	vertical-align: top;
	}
.webcode_td3{
    width: 30%;
	text-align:center;
	vertical-align: top;
	}
.webcode_td4{
	background-color:#e3f0ff;
	text-align:left;
	}
.img-webcode{
	max-width: 100%;
	height: auto;
	}
.tarif_table {
    width:100%;
	border-collapse: collapse;
}
.tarif_td1 {
	border: 1px solid black;
	background-color:#f0f7ff;
	padding: 5px;
	text-align:center;
}
.tarif_td2 {
	border: 1px solid black;
	padding: 5px;
	text-align:center;
}
.tarif_td3 {
	border: 1px solid black;
	padding: 5px;
	vertical-align: top;
}
.tarif_td4 {
	border: 1px solid black;
	padding: 5px;
	text-align:left;
}
.logo_prod {
	box-sizing: border-box;
	max-width:100%;
	object-fit: contain;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:2px;
	padding-right:2px;
	border-radius: 5px;
	}
.SKU-prod {
	font:13px Verdana, Arial, Helvetica, sans-serif;
	box-sizing: border-box;
	width:100%;
	padding:3px;
	border-radius: 5px;
	}
.descripp {
	font:15px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 1px;
	text-align: justify;
	}
.preciosp {
	font:15px Verdana, Arial, Helvetica, sans-serif;
	width: 97%;
	padding: 1px;
	text-align: center;
	background-color: #e3f0ff;
	border: 1px solid #e3f0ff;
	border-radius: 5px;
	}
.datosp {
	font:15px Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 5px;
	text-align: left;
	box-sizing: border-box;
	background-color:white;
	border: 1px solid lightblue;
	border-radius: 5px;
}
.finance {
	box-sizing: border-box;
	width:90%;
	font:14px Verdana, Arial, Helvetica, sans-serif;
	text-align : center;
	background-color:lightblue;
	border: 2px solid lightblue;
	border-radius: 5px;
	padding-top:5px;
	padding-bottom:3px;
	margin:5px auto;
	}
.table-financiacion {
  width:100%;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"; 
  FONT-SIZE: 10pt; 
  border: 0;
	}
.table-financiacion-td1 {
  padding: 5px; 
	}

.logo-tarjetas-webcode {
	box-sizing: border-box;
	max-width:70%;
	height: auto;
	}
.pie-webcod {
	display: flex;
	justify-content: space-between;
    justify-content: space-evenly;
}
.pie-webcod-left {	
	width: 34%;
	text-align : center;
	margin-top: 3px;
	margin-right: 3px;
	margin-bottom: 3px;
	box-sizing: border-box;
	background-color: #e3f0ff;
	border-radius: 5px;
}
.pie-webcod-centro {
	width: 32%;
	text-align : center;
	align-items: center;
	margin: 3px;
	box-sizing: border-box;
	background-color: #e3f0ff;
	border-radius: 5px;
}
.pie-webcod-right {	
	width: 34%;
	text-align : center;
	margin-top: 3px;
	margin-left: 3px;
	margin-bottom: 3px;
	box-sizing: border-box;
	background-color: #e3f0ff;
	border-radius: 5px;
}
.logo-pie-Webcod {
	box-sizing: border-box;
	max-width:90%;
	height: auto;
	}
/*** hasta aca usado en webcode ***/

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

h2  {	/* titulos centrados*/
		font:17px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		color : #335577;
		text-align : center;
		padding-top:5px;
		padding-bottom:5px;
	}

h3  {	/* titulos a la izquierda*/
		font:17px Verdana, Arial, Helvetica, sans-serif;
		text-align : left;
		font-weight: bold;
		color : #335577;
		padding-bottom:5px;
	}

h5  {	/* Precios centrados*/
		font:16px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		font-weight: bold;
		color:#c1242b;
		padding-top:0px;
		padding-bottom:0px;
		}

h4  {	/* Precios centrados tachados*/
		font:16px Verdana, Arial, Helvetica, sans-serif;
		text-align : center;
		text-decoration:line-through;
		font-weight: bold;
		color:#c1242b;
		padding-top:0px;
		padding-bottom:0px;
	}
h6  {	/* Precios a la derecha*/
		font:16px Verdana, Arial, Helvetica, sans-serif;
		text-align : right;
		font-weight: bold;
		color:#c1242b;
		padding-top:4px;
		padding-bottom:4px;
	}
h7  {	/* textos centrados letra chica */
		font:15px Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-align:center;
	}
h8  {	/* textos codigo de producto */
		font:15px times, times new roman;
		text-align:center;
	}

	a	{color:#335577;}
	a:link {text-decoration: none;}
	a:visited {text-decoration: none;}
	a:hover {text-decoration: underline;}
	a:active {text-decoration: none;}

	.pie{
	font-size:15px;
	color:#505050;
	text-decoration:none;
	}
	.pie a{
	font-size:15px;
	color:#505050;
	text-decoration:none;
	}
	.pie a:hover{
	color:#343434;
	text-decoration: none;
	}

	.link{
	font-size:15px;
	font-weight: bold;
	color : #335577;
	text-decoration: none;
	}
	.link a{
	font-size:15px;
	color:#335577;
	text-decoration:none;
	}
	.link a:hover{text-decoration: none;}

body {
color:#333333;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #f0f7ff;
width:100%;
margin:0 auto;
text-align : justify;
font-size:15px;
font-weight: normal;
line-height:19px;
}

/* Head section */
#head {
	width:100%;
    height:100%;
    background: url(../img/movil_header.webp) no-repeat center;
	background-size: 100% 100%;
}
#texto_head {
margin-right: 10px;
margin-top: 25px;
display: block;
font-size: 15px;
line-height:19px;
color:#111111;
text-align:right;
position:relative;
float: right;
}
/*.texto_direccion_cabecera
{
	width:350px;
    height:50px;
	position:relative;
	top:-90px;
	left:350px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #335577;
	text-align: center;
}*/
.logo {
  position:relative;
  display: block;
  width: 70px;
  height: 70px;
}

.logocentro {
  position:relative;
  display: block;
  top:-70px;
  left:70px;
  width: 230px;
  height: 70px;
}

.lupa {
  position:relative;
  display: block;
  top:-140px;
  left:290px;
  width: 70px;
  height: 70px;
}

.productos {
  position:relative;
  display: block;
  top:-140px;
  left:0px;
  width: 120px;
  height: 30px;
}

.nosotros {
  position:relative;
  display: block;
  top:-170px;
  left:120px;
  width: 120px;
  height: 30px;
}
.contacto {
  position:relative;
  display: block;
  top:-200px;
  left:240px;
  width: 120px;
  height: 30px;
}

/* End Head Section */

#wrapper{
/*width:990px;*/
overflow:hidden; /* USE FIREFOX GUYS! WE ONLY NEED THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY */
/*background-color: #FFF;*/
}
 
#footer {
padding-top:5px;
height: 60px;
text-align:center;
}

.bienvenida{
font-size:15px;
color:#333333;
padding: 5px;
text-decoration:none;
}

#titulo_seccion{
width:300px;
height: 33px;
background:#000; background: url(../img/bck_mod.jpg) no-repeat;
padding-top:8px;
padding-left:7px;
display: block;
position: relative;
font-weight: bold;
color:#325fa0;
}

.desc_comunicaciones {
line-height:20px;
font-size:16px;
color:#333333;
font-weight: normal;
}

.confoto img{
float:right;
padding-left:10px;
padding-bottom:10px;
}

.date {
color:#2371de;
}

.anteriores {
font-size:10px;
text-align: right;
font-weight: bold;
}

hr.linea { 
height: 1px;
border: 0;
/*color: #9e9e9e;*/
background-color: #9e9e9e;
width: 100%;
}

hr.linea2 { 
height: 1px;
border: 0;
/*color: #c2dbff;*/
background-color: #c2dbff;
width: 100%;
}

#sugerencias{
width:480px;
height:175;
display: block;
position: relative;
color:#333;
margin-top:10px;
margin-bottom:15px;
}

.pregunta {
color:#c1242b;
}

.biblioteca {
font-weight: bold;
}

.grupoobra {
color:#335577;
}

.mensaje{
margin: 5px 10px 0 10px;
}

/* solapas */
.solapas {
	list-style: none;
	padding: 0 0 45px 9px;
	margin: 0;
	width:500px;
	font-weight: bold;
}

.solapasli a {
	background: transparent url(../img/solapas_2_off.png) no-repeat scroll right top;
	height: 36px;
	float: right;
	padding-right: 15px;
	margin-left: 3px;
	text-decoration :none;
	color: #4b4b4b;
	text-align: center;
}

.solapasli a span {
	background: transparent url(../img/solapas_1_off.png) no-repeat scroll 0 0;
	display:block;
	height: 36px;
	padding: 0.7em 0 0 1em;
}

.solapasli.current a {
	background: transparent url(../img/solapas_2_on.png) no-repeat scroll right top;	
}

.solapasli.current a span {
	background: transparent url(../img/solapas_1_on.png) no-repeat scroll 0 0;
	color: #fff;
}
/* End solapas */

.telefonos {
font-size:9px;
padding:5px;
color:#335577;
}

.telefonos_gris {
font-size:10px;
color:#333333;
}

.feriados {
font-size:11px;
color:#505050;
text-align : left;
}


/* ----- FORM ----- */
.contact-area {

	float:left;
}

.contact-area input, #contact-area textarea {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
	width: 253px;
}
.contact-area textarea {
	width: 490px;
	height: 150px;
}
.contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #6dc5e1;
}
.contact-area input.submit-button {
	width: 100px;
	float: left;
	margin-left: 613px;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#fff;
	background-color:#649ce6;
}
.labels{
 line-height:23px;
}
/* ----- END FORM ----- */

#contacto-columna2 {
	margin-left: 356px;
	margin-top: -149px;
}

#columna4-ancho{
margin-top: 50px;
color:#333;
}

#ficha {
width:800px;
/*background:#fff;*/
height:270px;
overflow:hidden;
}

.ficha-texto{
line-height:12px;
color:#2371de;
padding-right:20px
}

.pizarron{
width:725px;
background:#f1f1f1;
display: block;
position: relative;
color:#333;
padding:10px;
margin-top:10px;
margin-bottom:15px;
}

#referencias{
width:700px;
float:left;
display: block;
position: relative;
margin-top:20px;
}

.trans{
position: absolute;
display:block;
margin-top:-2px;
margin-left:2px;
}

/* modulos */
.seccion{
	width:510px;
	padding:2px;
	margin:8px 0 0 8px;
	float:left;
}

.seccion-ancha{
	width:760px;
	padding:2px;
	margin:8px 0 0 8px;
	float:left;
}

.seccion-head{
/*	height:50px;*/
}

.seccion-title{
	font: 17px Calibri,Verdana, Arial, Helvetica, sans-serif;
	color:black; /*color del texto*/
	background-color: #e3f0ff;
	text-align: left;
	padding:3px 0 3px 10px;
	border:1px solid #AFAFAF; 
}

.seccion-content{
	margin:10px 6px 10px 10px;
}
/* End seccion */


/* modulos */
.modulo-angosto{
	width:260px;
	float:left;
}

.modulo-ancho{
/*	width:520px; */
	width:99%;
	padding:2px;
	float:left;
}

.modulo-derecho{
	width:252px;
	/*padding:2px;*/
	/*background:#cccccc;*/
}

.dragbox{
	margin:8px 0 0 8px;
	position:relative;
}

.dragbox-angosto{
	margin:0 0 0 11px;
	position:relative;
}

.dragbox-derecha{
	/*margin que hace que todos los modulos de la derecha se separen*/
	/*margin:8px 8px 0px 0px;*/
	/*margin que hace que todos los modulos de la derecha se junten (quita los espacios entre modulos)*/
	margin:0 0 0 0;
	position:relative;
	background:#ededed;
	/*borde a modulos de la derecha*/
	/*border:1px solid #AFAFAF;*/ 
	/*border-left:1px solid #AFAFAF;*/
	/*border-right:1px solid #AFAFAF;*/
	/*border-bottom:1px solid #AFAFAF;*/
}

.dragbox-head{
	/* el original: height:30px;*/
	height:25px;
}

.dragbox-head-derecha{
	/* el original: height:30px;*/
	height:24px;
}

.dragbox-title{
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	/* el original: color:#fff;*/
	color:#1a1a1a;
	font-weight: bold;
	/* el original: padding:6px 0 0 15px;*/
	padding:4px 0 4px 10px;
	border:1px solid #AFAFAF;
}

.dragbox-title-derecho{
	font: 15px Verdana, Arial, Helvetica, sans-serif;
	/* el original: color:#fff;*/
	color:#1a1a1a;
	/* background-color agregado para usar imagen de fondo "bck_mod_gris.png" transparente*/
	background-color:#e3f0ff;
	font-weight: bold;
	/* el original: padding:6px 0 0 15px;*/
	padding:4px 0 4px 10px;
	margin:10px 5px 10px 5px;
	border:1px solid #AFAFAF;
}

.dragbox-content{
	margin:4px;
}

/* ¿para que esta el no-repeat */
.azul {background: url(../img/bck_mod_azul.png) no-repeat;color:#fff;}
.rojo {background: url(../img/bck_mod_rojo.png) no-repeat;color:#fff;}
.violeta {background: url(../img/bck_mod_violeta.png) no-repeat;color:#fff;}
.marron{background: url(../img/bck_mod_marron.png) no-repeat;color:#fff;}
.oliva {background: url(../img/bck_mod_oliva.png) no-repeat;color:#fff;}
.ocre{background: url(../img/bck_mod_ocre.png) no-repeat;color:#fff;}
.verde {background: url(../img/bck_mod_verde.png) no-repeat;color:#fff;}
.fucsia{background: url(../img/bck_mod_fucsia.png) no-repeat;color:#fff;}
.terracota {background: url(../img/bck_mod_terracota.png) no-repeat;color:#fff;}
.azulclaro {background: url(../img/bck_mod_azulclaro.png) no-repeat;color:#fff;}
.turquesa {background: url(../img/bck_mod_turquesa.png) no-repeat;color:#fff;}
.naranja {background: url(../img/bck_mod_naranja.png) no-repeat;color:#fff;}
.rosa {background: url(../img/bck_mod_rosa.png) no-repeat;color:#fff;}
.verdeclaro {background: url(../img/bck_mod_verdeclaro.png) no-repeat;color:#fff;}
.grisoscuro{background: url(../img/bck_mod_grisoscuro.png);color:#fff;}
.gris{background: url(../img/bck_mod_gris.png) no-repeat;color:#325fa0;}
/* End modulos */

#login{
/*width:950px;*/
height: 200px;
background: url(../img/bck_login.png) no-repeat;
display: block;
position: relative;
color:#fff;
/*color:#fff;*/
color:#000;
margin-top:20px;
margin-left:20px;
padding-top:25px;
text-align:center;
font-size: 12px;
}

.login_mensaje{
color:#1DDFFF;
}