/* Estilos para Lazul.com */
/* ------------------------------ GENERAL ------------------------------------*/
*{
   padding:0px;
   margin:0px;
}
html{
	height: 100%;
}
body{
	height:100%;
    margin:0px;
	background-color:#E7EAF5;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
}
h1,h2,h3,h4,a,p,input{
	color:#2A50A0;
}
h1{
 	font-size:16px;
	margin:0 0 10px 0px;
	padding-top:5px;
}
h2{
 	font-size:12px;
	margin:0;
  	padding-top:5px;

}
h3{
 	font-size:12px;
	font-weight:bold;
    color:#FF7800;
	margin:15px 0px 15px 0px;
	padding:0px;
}
h3 a{
 	font-size:12px;
	font-weight:bold;
    color:#FF7800;
	margin:15px 0px 15px 0px;
	padding:0px;
}
h4{
	font-size:12px;
	margin: 0 0 10px 0;
	padding:0;
}
h4 b, h4 b a{
	color:#FF7800;
}
p{
    margin-bottom:10px;
    text-align:justify;
}
a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
input,textarea{
    font-family: Verdana, Arial, Tahoma, sans serif;
    font-size:10px;
}
ul{
    list-style: disc;
    margin-left:20px;
}
li{
    padding:0 0 8px 0;
    text-align:justify;
}
img#right{
  float:right;
  padding:0 0 10px 10px;
}
img#left{
  float:left;
  padding:0 10px 10px 0;
}
/* ------------------------------ ESTRUCTURA -----------------------------------*/
#contenedorGeneral{
    width:100%;
	min-height:500px;
	height:auto !important;
    height:100%;
    _height:500px; /* hack explorer 6 */
	display:block;
    background:url(img/fondo.jpg) repeat-x white;
}
#contenedor{
	width:920px;
	margin:0 auto;
	clear:both;
	min-height:500px;
	height:auto !important;
	height:100%;
	display:table;
}
#contenido{
	width:920px;
	/*height:285px;*/
    min-height:500px;
	height:auto !important;
	height:100%;
    _height:500px;
    background:url(img/fondo_contenido.jpg) no-repeat white;
	margin:0 auto;
	padding-top:10px;
	display:block;
}
#contenidoInterior{
	width:880px;
	min-height:500px;
	height: auto !important;
	height:100%;
    _height:500px;
    margin:0px auto;
    padding:0px;
	display:block;
}
#contenidoInterior_txt{
	width:710px;
	padding:10px 0px 10px 10px;
	float:left;
	display:block;
    clear:none;
    color:#2A50A0;
}
/* ------------------------------ CABECERA -----------------------------------*/
#cabecera{
	width:920px;
	height:103px;
	background:url(img/cabecera.jpg) no-repeat;
}
#cabeceraLogo{
    width:160px;
	height:85px;
    float:left;
	display:block;
	text-indent:-1000px;
        outline:none;
}
#cabeceraInfo{
	width:350px;
	height:50px;
	float:right;
	clear:right;
	display:block;
    margin:5px 5px 0 0;
    padding:0;
}
#direccionEmpresa{
    width:350px;
	height:50px;
    float:right;
    display:table;
    font-size:12px;
	color:#2A50A0;
	font-weight:bold;
	text-align:right;
    margin:0;
    padding:0;
}
#direccionEmpresa strong{
	font-size:30px;
	color:#2A50A0;
}
#direccionEmpresa a{
	font-size:10px;
	color:#2A50A0;
    font-weight:bold;
    text-decoration:none;
}
#direccionEmpresa a:hover{
	 text-decoration:underline;
     color:#FF7800;
}
/* ------------------------------ IDIOMAS -----------------------------------*/
#idiomas{
	width:142px;
	height:16px;
	list-style:none;
	float:right;
    display:block;
    padding-top:5px;
    font-size:16px;
    line-height:18px;
}
#idiomas li{
	display:block;
    float:left;
	padding-right: 5px;
    background:url(img/punt.gif) no-repeat;
}
#idiomas li a{
	text-decoration:none;
    font-size:11px;
	color:#000;
	padding-left:9px;
}
/* ------------------------------ MENU -----------------------------------*/
#menu{
	width:920px;
	height:16px;
	background:url(img/menu.jpg) no-repeat;
}
#menu ul{
	width:880px;
	margin:0 auto;
	list-style:none;
}
#menu ul li{
	height:12px;
    float:left;
    padding:0 8px;
	margin:0;
	text-align:center;
}
#menu ul li#activo{
    font-weight:bold;
}
#menu ul li a{
	margin:0;
	padding:0;
    font-size:11px;
	color:#fff;
}
#menu ul li a:hover{
	color:#c0c0c0;
    text-decoration:none;
}
/* ------------------------------ SUBMENU -----------------------------------*/
#submenu{
    width:900px;
    margin:0 9px 0 11px;
    padding:2px 0;
    background-color:#E7EAF5;
}
#submenu ul{
    width:890px;
    margin:0 auto;
    list-style:none;
}
#submenu ul li{
    height:12px;
    display:inline;
    text-align:center;
    margin:0;
    padding: 2px 14px;
}
#submenu ul li a{
    height:12px;
    margin:0;
    padding:0;
    font-size:11px;
	color:#2A50A0;
	text-decoration:none;
}
#submenu ul li a:hover, #submenu ul li#activo a:hover{
    color:#626262;
}
#submenu ul li#activo a{
    font-weight:bold;
}
/* ------------------------------ PIE -----------------------------------*/
#pie{
	width:100%;
    min-height:100px;
	height: auto !important;
	height:100%;
    display:block;
	border-top:1px solid #B7C4E0;
	padding-top:4px;
    color:#2A50A0;
	text-align:center;
	background-color:#E7EAF5;
}
#pie a{
	color:#2A50A0;
	font-weight:bold;
	text-decoration:none;
}
#pie a:hover{
	color:#193777;
}
/* ---------------------------- CUADRO GENERAL------------------------------------------*/
.cuadro{
    padding-bottom:10px;
}
.cuadro table{
    width:100%;
}
.cuadro table tr td.cuadroSuperior{
    background:url(img/cuadroSuperior.gif) repeat-x;
}
.cuadro table tr td.cuadroSuperior_izquierdo,.cuadro table tr td.cuadroSuperior_derecho{
    width:10px;
    height:24px;
}
.cuadro table tr td.cuadroSuperior_izquierdo{
    background:url(img/cuadroSuperior_izquierdo.gif) no-repeat;
}
.cuadro table tr td.cuadroSuperior_derecho{
    background:url(img/cuadroSuperior_derecho.gif) no-repeat;
}

.cuadro table tr td.cuadro_izquierdo{
    background:url(img/cuadro_izquierdo.gif) repeat-y;
}
.cuadro table tr td.cuadro_derecho{
    background:url(img/cuadro_derecho.gif) repeat-y;
}
.cuadro table tr td.cuadroInferior{
    height:30px;
    background:url(img/cuadroInferior.gif) repeat-x;
}
.cuadro table tr td.cuadroInferior_izquierdo{
    background:url(img/cuadroInferior_izquierdo.gif) repeat-x;
}
.cuadro table tr td.cuadroInferior_derecho{
    background:url(img/cuadroInferior_derecho.gif) repeat-x;
}
.cuadro table tr td.cuadroInferior a, .cuadro table tr td.cuadroInferior a#botonRojo{
	height:30px;
	width:72px;
	float:right;
    text-decoration:none;
    color:white;
    text-align:center;
}
.cuadro table tr td.cuadroInferior a{
    background:url(img/boton_azul.gif) no-repeat;
}
.cuadro table tr td.cuadroInferior a#botonRojo{
    background:url(img/boton_rojo.gif) no-repeat;
}
.cuadro table tr td.cuadroInferior a:hover{
	background:url(img/boton_rojo.gif);
	background-repeat:no-repeat;
	font-weight:bold;
}
.cuadro table tr td.cuadroInferior span{
    padding-top:13px;
    display:block;
}
.cuadro table tr td.cuadroCentral{
    height:100px;
    padding:4px 0 0 0;
}
.cuadro table tr td.cuadroCentral div{
    padding-left:50px;
}
.cuadro table tr td.cuadroCentral table tr td a#flecha{
    background:url(img/cuadro_botonFlecha.gif) no-repeat  100% 0;
    width:149px;
    height:66px;
    display:block;
    float:right;
    cursor:pointer;
}
.cuadro table tr td.cuadroCentral table tr td a#flecha:hover{
    background:url(img/cuadro_botonFlechaRojo.gif) no-repeat  100% 0;
    text-decoration:none;
}
.cuadro table tr td.cuadroCentral table tr td a#flecha span{
    float:right;
    padding:42px 10px 0 0;
    font-size: 18px;
    color:white;
}
/* ------------------------------ BANNERS, PUBLICIDAD -----------------------------------*/
#banner, #banner a, #contenedorPublicidad{
	width:257px;
	height:160px;
	float:left;
    margin-bottom:10px;

}
#banner{
	margin-right:10px;
    background:url(img/banner.gif) no-repeat;
    float:left;
}
#banner a{
    text-decoration:none;
}
#publi01, #publi02, #publi01 a{
	text-decoration:none;
	width:257px;
	height:75px;
	float:left;

}
#publi01{
	margin-bottom:8px;
    background:url(img/banner_0.gif) no-repeat;
}
#publi02{
    margin-bottom:8px;
}
#publi02 table{
	width:257px;
	height:75px;
}
#publi02 table tr td#publiLat{
	height:75px;
	background:url(img/publiLat.gif) repeat-x;
}
#publi02 table tr td#publiLatIzq{
	width:10px;
	background:url(img/publiLatIzq.gif) no-repeat;
}
#publi02 table tr td#publiLatDer{
	width:10px;
	background:url(img/publiLatDer.gif) no-repeat;
}
/* ------------------------------ PROMOCIONES LATERALES -----------------------------------*/
#promociones{
	width:140px;
    float:right;
    display:block;
    margin:22px 0 0 0;
}
.banner_promocion,.banner_promocion a{
	width:140px;
	display:block;
}
.banner_promocion{
	padding:0 0 10px 0;
}
.banner_promocion a{
	text-decoration:none;
}
/* ------------------------------ DESARROLLO -----------------------------------*/
#des_desarrollo a{
	text-decoration:none;
	color:#2A50A0;
	font-weight:bold;
}
#des_desarrollo{
	width:650px;
	margin:10px 0px 0px 0px;
	float:left;
	clear:both;
}
/* ------------------------------ MARCAS -----------------------------------*/
#marcas{
	width:700px;
	margin:20px auto 0px auto;
	clear:both;
}
#marcas ul{
	width:700px;
	margin:0 auto;
	list-style:none;
}
#marcas li{
    min-width:95px;
	display:inline;
}
#marcas li#windows, #marcas li#panda,#marcas li#adobe,#marcas li#hp,#marcas li#toshiba, #marcas li#ibm,#marcas li#logitech,	#marcas li#samsung,#marcas li#sony,#marcas li#acer,#marcas li#intel,#marcas li#compaq,#marcas li#kingston,#marcas li#lg {
	height:33px;
	display:block;
	float:left;
	margin-right:5px;
}
#marcas li#windows{
	width:47px;
    background:url(img/logos/windows_bn.gif) no-repeat;
}
#marcas li#windows:hover{
	background:url(img/logos/windows.gif) no-repeat;
}
#marcas li#panda{
	width:35px;
    background:url(img/logos/panda_bn.gif) no-repeat;
}
#marcas li#panda:hover{
	background:url(img/logos/panda.gif) no-repeat;
}
#marcas li#adobe{
	width:30px;
    background:url(img/logos/adobe_bn.gif) no-repeat;
}
#marcas li#adobe:hover{
	background:url(img/logos/adobe.gif) no-repeat;
}
#marcas li#hp{
	width:42px;
    background:url(img/logos/hp_bn.gif) no-repeat;
}
#marcas li#hp:hover{
	background:url(img/logos/hp.gif) no-repeat;
}
#marcas li#toshiba{
    width:67px;
    background:url(img/logos/toshiba_bn.gif) no-repeat;
}
#marcas li#toshiba:hover{
	background:url(img/logos/toshiba.gif) no-repeat;
}
#marcas li#ibm{
	width:58px;
    background:url(img/logos/ibm_bn.gif) no-repeat;
}
#marcas li#ibm:hover{
	background:url(img/logos/ibm.gif) no-repeat;
}
#marcas li#logitech{
    width:34px;
    background:url(img/logos/logitech_bn.gif) no-repeat;
}
#marcas li#logitech:hover{
	background:url(img/logos/logitech.gif) no-repeat;
}
#marcas li#samsung{
	width:63px;
    background:url(img/logos/samsung_bn.gif) no-repeat;
}
#marcas li#samsung:hover{
	background:url(img/logos/samsung.gif) no-repeat;
}
#marcas li#sony{
    width:57px;
    background:url(img/logos/sony_bn.gif) no-repeat;
}
#marcas li#sony:hover{
	background:url(img/logos/sony.gif) no-repeat;
}
#marcas li#acer{
	width:63px;
    background:url(img/logos/acer_bn.gif) no-repeat;
}
#marcas li#acer:hover{
	background:url(img/logos/acer.gif) no-repeat;
}
#marcas li#intel{
	width:54px;
    background:url(img/logos/intel_bn.gif) no-repeat;
}
#marcas li#intel:hover{
	background:url(img/logos/intel.gif) no-repeat;
}
#marcas li#compaq{
    width:61px;
    background:url(img/logos/compaq_bn.gif) no-repeat;
}
#marcas li#compaq:hover{
	background:url(img/logos/compaq.gif) no-repeat;
}
#marcas li#kingston{
	width:68px;
    background:url(img/logos/kingston_bn.gif) no-repeat;
}
#marcas li#kingston:hover{
	background:url(img/logos/kingston.gif) no-repeat;
}
#marcas li#lg{
	width:54px;
    background:url(img/logos/lg_bn.gif) no-repeat;
}
#marcas li#lg:hover{
	background:url(img/logos/lg.gif) no-repeat;
}
/* --------- TABLA --------------- */
table#tablas{
	width:100%;
	margin:0 auto;
    font-size:10px;
	color:#2A50A0;
    background-color:white;
}
table#tablas td{
    padding:4px;
    color:#2A50A0;
    text-align:center;
	background-color:#E7EAF5;
}
table#tablas td#tituloGeneral{
	width:230px;
    font-size:14px;
	color:#2A50A0;
	font-weight:bold;
	text-align:center;
    background-color:#E7EAF5;
}
table#tablas td#titulo{
	width:100px;
    height:40px;
    font-size:14px;
	color:white;
	font-weight:bold;
	text-align:center;
    background-color:#2A50A0;
}
table#tablas td#fila{
    text-align:left;
	font-weight:bold;
    padding-left:15px;
}
table#tablas td#tituloSecundario{
    color:white;
    font-weight:bold;
	text-align:center;
    background-color:#2A50A0;
}
/* ------------------------------ FORMULARIO ---------------------------------------------*/
#formulario{
   width:700px;
}
#formulario ul li a{
    text-decoration:none;
	color:black;
    font-size:10px;
}
#formulario ul li a:hover{
    text-decoration:underline;
}
#formulario ul li input{
    width:150px;
    border:1px solid #7D98D1;
	background-color:white;
	color:#2A50A0;
    font-size:10px;
}
#formulario ul li input.radiobutton{
    width:12px;
    height:12px;
    border:0px;
    padding:0px;
    margin:0px;
	font-size:10px;
	color:#2A50A0;
    background-color:white;
}
#formulario ul{
    width:680px;
    list-style:none;
}
#formulario ul li{
    width:95%;
    padding:2px 0px 5px 0px;
}
#formulario textarea{
    width:95%;
	height:80px;
    padding:5px;
    margin:5px 0px 10px 10px;
	border:1px solid #7D98D1;
	color:#2A50A0;
}
#formulario ul li label{
    width:60px;
    float:left;
    display:block;
}
#formulario li #BigLabel{
    width:100px;
    float:left;
    display:block;
}
#formulario fieldset{
    width:100%;
    border:1px solid #E7EAF5;
	display:block;
	margin-bottom:10px;
    padding:0px;
}
#formulario fieldset .titulo{
	margin-left:10px;
	padding:0 5px 10px 5px;
    font-size:11px;
    color:#2A50A0;
	font-weight:bold;
}
#formulario input#submit{
    margin-top:8px;
    border:1px solid #2A50A0;
    font-size:10px;
    color:#2A50A0;
    background-color:#E7EAF5;
    cursor:pointer;
    padding:2px;
}
#formulario span b{
    color:red;
}
/* --------------------------------- MENSAJE GRACIAS - ERROR -------------------------------------- */
#mensaje{
    width:350px;
    margin:20px auto;
    text-align:center;
}
#mensaje a{
	font-size:10px;
	color:#2A50A0;
    text-decoration:none;
    font-weight:bold;
}
#mensaje a:hover{
    text-decoration:underline;
}
/* ------------------------------ PORTFOLIO -----------------------------------*/
.portfolio{
    width:300px;
    height:398px;
    float:right;
    display:block;
    margin:0 25px 20px 25px;
}
.portfolio p{
    width:290px;
    color:#2A50A0;
    font-size:10px;
    padding:0px 0px 0px 10px;
}
.portfolio a{
    font-size:10px;
    color:#2A50A0;
    text-decoration:none;
    font-weight:bold;
}
.portfolio a:hover{
    font-size:10px;
    color:#FF7800;
    text-decoration:none;
    font-weight:bold;
}
.portfolio img{
    margin-bottom:8px;
}
.iconos{
    width:300px;
    height:50px;
    margin:0px;
    padding:10px 0px 0px 10px;
    background:url(img/portfolio/fondoicono.gif) no-repeat;
}
.iconos ul{
    width:300px;
    margin:0px;
    padding:0px;
    display:block;
    list-style:none;
}
.iconos ul li{
    width:30px;
    height:30px;
    float:left;
    margin:0px 7px 0px 0px;
    padding:0px;
}
a.disenoicono,a.php,a.mysql,a.panel,a.flash,a.carrito,a.tienda,a.multiidioma{
    width:30px;
    height:30px;
    display:block;
    font-size:30px;
    cursor:default;
}
a.disenoicono:hover,a.php:hover,a.mysql:hover,a.panel:hover,a.flash:hover,a.carrito:hover,a.tienda:hover,a.multiidioma:hover{
  text-decoration:none;
}
a.disenoicono{
    background:url(img/portfolio/diseno.gif) no-repeat;
}
a.disenoicono:hover{
    background:url(img/portfolio/diseno_r.gif) no-repeat;
}
a.php{
    background:url(img/portfolio/php.gif) no-repeat;
}
a.php:hover{
    background:url(img/portfolio/php_r.gif) no-repeat;
}
a.mysql{
    background:url(img/portfolio/mysql.gif) no-repeat;
}
a.mysql:hover{
    background:url(img/portfolio/mysql_r.gif) no-repeat;
}
a.panel{
    background:url(img/portfolio/panel.gif) no-repeat;
}
a.panel:hover{
    background:url(img/portfolio/panel_r.gif) no-repeat;
}
a.flash{
    background:url(img/portfolio/flash.gif) no-repeat;
}
a.flash:hover{
    background:url(img/portfolio/flash_r.gif) no-repeat;
}
a.carrito{
    background:url(img/portfolio/carrito.gif) no-repeat;
}
a.carrito:hover{
    background:url(img/portfolio/carrito_r.gif) no-repeat;
}
a.tienda{
    background:url(img/portfolio/tienda.gif) no-repeat;
}
a.tienda:hover{
    background:url(img/portfolio/tienda_r.gif) no-repeat;
}
a.multiidioma{
    background:url(img/portfolio/multiidioma.gif) no-repeat;
}
a.multiidioma:hover{
    background:url(img/portfolio/multiidioma_r.gif) no-repeat;
}
/* ------------------------------ PAGINACION -----------------------------------*/
#paginacion{
	width:3em;
	margin:10px;
	padding:0px;
	height:18px;
	clear:both;
	float:right;
}
#paginacion a{
	color:#2A50A0;
	text-decoration:none;
}
#paginacion a:hover{
	color:#FF7800;
}
/* ------------------------------ DESCARGA MANUALES Y TUTORIALES -----------------------------------*/
#descarga{
    width:40%;
    float:left;
    display:block;
}
#descarga ul{
    width:550px;
}
#descarga ul a{
	font-size:12px;
	color:black;
    font-weight:bold;
    text-decoration:none;
}
#descarga ul a:hover{
	color:#2A50A0;
    text-decoration:underline;
}
#lecciones{
    width:60%;
    margin:20px auto 0 auto;
}
#lecciones img{
    float:left;
}
#lecciones ul{
    float:left;
    display:block;
    padding-left:10px;
    list-style:none;
}
#lecciones ul li a{
    color:black;
}
/* ---------------------------------------------MANUALES--------------------------------------------*/
table#instrucciones{
    width:100%;
    background-color: white;
    margin-bottom:20px;
}
table#instrucciones td{
    width:100%;
    vertical-align:top;
    padding:10px;
    text-align:left;
    background-color:#E7EAF5;
}
table#instrucciones td ul{
    padding-left:10px;
}
table#instrucciones img{
    width:350px;
}
table#instrucciones img.peque{
    width:150px;
}
table#instrucciones img.img12{
    width:278px;
}
table#instrucciones img.img19{
    width:140px;
}
table#instrucciones h4{
    margin:0px;
    padding-left:10px;
    color:white;
}
table#instrucciones td#paso{
    padding:5px 0px 5px 0px;
    background-color: #2A50A0;
}
table#instrucciones td#pantallas{
    width:350px;
}
table#instrucciones td#pantallas p{
    font-weight:bold;
}

/* ------------------------------------- Promocion tintas ------------------------------------------------- */
#tablaPromo{
    width:100%;
    background-color:#E7EAF5;
}
#tablaPromo td{
    background-color:white;
}
#tablaPromo input{
    width:100%;
    padding:0px;
    margin:0;
    border:0;
    color:#2A50A0;
    font-size:10px;
}
#tablaPromo #ref{
    width:100px;
    margin:0px;
    padding:0px;
    background-color:#E7EAF5;
}
#tablaPromo #mod{
    background-color:#E7EAF5;
    width:200px;
}
#tablaPromo #tint{
    width:200px;
    background-color:#E7EAF5;
}
#tablaPromo #unidad{
    width:100px;
    background-color:#E7EAF5;
}
#radio{
    width:280px;
    margin:6px;
    font-size:10px;
    color:#2A50A0;
    border:0px;
}
#radio2{
    width:700px;
    margin:6px;
    font-size:10px;
    color:#2A50A0;
}
#tablaPromo #submit{
    margin-top:8px;
    border:1px solid #2A50A0;
    font-size:10px;
    color:#2A50A0;
    background-color:#E7EAF5;
}
/*----------------------------------------------*/

#mapa{
  float:right;
  padding:0 20px 0 0;
}
#formularioContacto{
  float:left;
  width:40%;
}
#formularioContacto ul li textarea{
    width:35%;
	height:80px;
    padding:5px;
    margin:5px 0px 10px 0px;
	border:1px solid #7D98D1;
	color:#2A50A0;
}
/*-----------------------*/
#descargaweb{
display:block;
width:40px;
height:40px;
float:left;
margin:40px 0 0 20px;
padding:0;
}
#bannerCap{
  display:block;
  width:320px;
  height:65px;
  float:left;
  margin:25px 0 0 20px;
  padding:0;
}
#bannerCap a, #descargaweb a{
  margin:0px;
  padding:0px;
}