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

body{
	vertical-align:top;
	margin:0;
}

h1{
	font-size:16px;
	margin:0;
}

h2{
	font-size:10px;
}

#container{
	width:934px;
	margin:auto;
	margin-top:0px;
	padding-top:0px;
}

#header{
	width:934px;
	height:334px;
	position:relative;
	margin-top:0px;
	padding-top:0px;
	background-image:url(../images/header.jpg);
}

#header-link{
	width:660px;
	height:45px;
	top:206px;
	left:2px;
	position:absolute;
}

#header-menu{
	width:662px;
	height:77px;
	position:absolute;
	top:251px;
	left:2px;
}

#header-menu ul{
	list-style-type:none;
	list-style-image:none;
	margin-left:5px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0;
}

#header-menu li{
	display:inline;
	padding-right:1px;
}

#header-menu img{
	border:0;
}

#content-article{
	position:relative;
	width:934px;
	overflow:hidden;
}

#article-submenu{
	width:934px;
	/*text-align:center;*/

}

#article-submenu ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}

#article-submenu li{
	/*width:150px;*/
	 *float:left;
	*margin-left:3px;
	font-family:"Albany";
	font-size:11px;
	color:#525252;
	display:inline-table;
	text-align:left;
}

#article-submenu p{
	width:170px;
}

#article-submenu a, #article-submenu a:link, #article-submenu a:visited{
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

#article-submenu a:hover{
	text-decoration:none;
	font-weight:bold;
	color:#f85b00;	
}

#relleno{
	height:64px;
	width:74px;
	background-image:url(../images/relleno.jpg);
	color:#FFF;
	vertical-align:top;
}

#article{
	width:934px;
	margin-top:0px;
	padding-top:0px;
}


#footer{
	width:934px;
	height:122px;
	position:relative;
	margin:auto;
	background-image:url(../images/footer.jpg);
	text-align:center;
}


#footer-text{
	font-family:"Tahoma";
	font-size:15px;
	color:#424242;
	padding:1px;
	
}

#footer-text ul{
	list-style-type:none;
	list-style-image:none;
}

#footer-text li{
	display:inline;
	
}

#footer-text ul a, #footer-text ul a:link, #footer-text ul a:visited
{
	font-family:"Albany";
	font-size:12px;
	color:#424242;
	font-weight:bold;
	text-decoration:none;
}

#footer-text ul a:hover{
	font-family:"Albany";
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

#footer-text a, #footer-text a:link, #footer-text a:visited, #footer-text a:hover
{
	font-family:"Albany";
	font-size:12px;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

#copyright{
	font-family:"Albany";
	font-size:11px;
	color:#525252;
}

/**********************************
***** PAGINA INFORMACION **********
**********************************/
#content-info{
	width:882px;
	height:884px;
	margin:auto;
	position:relative;
	background-image:url(../images/informacion.jpg);
}

#info-header1{
	position:absolute;
	top:8px;
	left:210px;
	font-family:Arial;
	font-size:20px;
	color:#FFF;
}

#info-text1{
	position:absolute;
	left:20px;
	top:60px;
	font-family:"Tahoma";
	font-size:15px;
	color:#424242;
	font-weight:400;

}

#info-header2{
	position:absolute;
	top:40px;
	left:220px;
	font-family:Tahoma;
	font-size:18px;
}

#info_1{
	position:absolute;
	top:110px;
	left:400px;
	text-align:right;
	font-family:Tahoma;
	font-size:15px;
}

#info_2{
	position:absolute;
	/*top:150px;
	left:400px;*/
	top:465px;
	left:20px;
	font-family:Tahoma;
	font-size:15px;
	width:400px;
	/*line-height:150%;*/
}

#info_2 ul{
	list-style-image:url(../images/icono.gif);
}

#info_2_naranja{
	color:#fc4500;
	font-weight:bold;
}

#tit_1{
	position:absolute;
	top:410px;
	left:50px;
	font-family:Albany;
	color:#424242;
	font-size:20px;
}

#tit_2{
	position:absolute;
	top:410px;
	left:320px;
	font-family:Albany;
	color:#FFF;
	font-size:20px;
}

#tit_3{
	position:absolute;
	top:442px;
	left:130px;
	font-family:Albany;
	color:#FFF;
	font-size:20px;
}

#tit_4 a{
	position:absolute;
	top:410px;
	left:600px;
	font-family:Albany;
	color:#FFF;
	font-size:20px;
	text-decoration:none;
}

#tit_4b a{
	position:absolute;
	top:10px;
	left:635px;
	font-family:Albany;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
}

#info_3{
	position:absolute;
	top:150px;
	left:400px;
	/*top:465px;
	left:20px;*/
	width:400px;
	font-family:Tahoma;
	font-size:15px;
}

#info_3 ul{
	list-style-image:url(../images/icono.gif);
}

#info_3_naranja{
	color:#fc4500;
	font-weight:bold;
}


/**************************
******** CLIENTES *********
**************************/

#clientes{
	background-image:url(../images/clientes.jpg);
	width:935px;
	height:690px;
}

#enlaces_clientes{
	position:absolute;
	top:160px;
	left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#0099CC;
}
	
#enlaces_clientes ul{
	list-style:none;
}


/*******************************
		CARACTERISTICAS
********************************/
#art_caracteristicas{
	background-image:url(../images/caracteristicas.jpg);
	height:658px;
	position:relative;
}

#titulo_carac_1{
	font-family:"Arial";
	font-size:16px;
	color:#333333;
	font-weight:bold;
	position:absolute;
	top:5px;
	left:340px;
}

#titulo_carac_2{
	font-family:"Arial";
	font-size:16px;
	color:#333333;
	font-weight:bold;
	position:absolute;
	top:295px;
	left:255px;
}

#art_carac_text_1{
	font-family:"Arial";
	font-size:13px;
	color:#424242;
	text-align:justify;
	position:absolute;
	left:80px;
	top:50px;
	width:530px;
}

#art_carac_text_1 li{
	margin-left:20px;
}

#art_carac_text_2{
	font-family:"Arial";
	font-size:13px;
	color:#424242;
	text-align:justify;
	position:absolute;
	left:80px;
	top:350px;
	width:530px;
}


/*********************************
******** ADMINISTRABLES **********
*********************************/

#content_1c ul {
	list-style-image: url(../images/icono.gif);
}

#contenido{
	position:relative;
}

#titulo{
	width:100%;
	text-align:right;
	background-image:url(../images/administrable_02.png);
	height:34px;
}

#titulo_int{
	padding-top:5px;
	padding-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.3em;
	color:#FFFFFF;
	font-weight:bold;
}

#titulo_2{
	width:100%;
	text-align:right;
	height:30px;
}

#titulo_2int{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-top:5px;
	padding-right:20px;
	font-style:italic;
	font-weight:bold;
}

#content_1{
	
}

#content_1a{
	margin-left:50px;
	margin-right:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3f3f3f;
	font-weight:bold;
	text-align:justify;
}

#content_1b{
	margin-left:60px;
}

#content_1c{
	position:relative;
	width:665px;
	left:250px;
	top:-210px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3f3f3f;
	font-weight:bold;
}

#content_1c_resaltado{
	color:#d38a03;
}

#content_2{
	position:relative;
	margin-top:-200px;
	height:580px;
}

#content_2a{
	margin-left:60px;
}

#content_2aa{
	background-image:url(../images/administrables_08.jpg);
	height:248px;
	width:354px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3f3f3f;
	font-weight:bold;
}

#content_2aa_resaltado{
	color:#d38a03;
}

#content_2ab{
}

#content_2b{
	position:relative;
}

#content_2ba{
	position:relative;
	left:420px;
	top:-510px;
}

#content_2bb{
	position:relative;
	left:450px;
	top:-510px;
	width:450px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3f3f3f;
	font-weight:bold;
}

#content_2bb_resaltado{
	color:#d38a03;
}


/**************************
***** DISTRIBUIDORES ******
**************************/

#contenido_dist{
	background-image:url(../images/trabaja_01.jpg);
	width:930px;
	height:687px;
}

#texto_distribuidores{
	position:relative;
	width:350px;
	text-align:justify;
	top:150px;
	left:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

#imagen-texto{
	position:relative;
	top:150px;
	left:50px;
}

#titulo_form{
	position:relative;
	top:-370px;
	left:540px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ffffff;
	font-weight:bold;
}

#nombre{
	position:relative;
	top:-365px;
	left:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#telefono{
	position:relative;
	top:-352px;
	left:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#email{
	position:relative;
	top:-340px;
	left:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#puesto{
	position:relative;
	top:-328px;
	left:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#ultimos_empleos{
	position:relative;
	top:-285px;
	left:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#observaciones{
	position:relative;
	top:-265px;
	left:500px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#formacion{
	position:relative;
	top:-305px;
	left:499px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#txt_nombre{
	position:relative;
	top:-360px;
	left:500px;
}

#txt_telefono{
	position:relative;
	top:-349px;
	left:500px;
}

#txt_mail{
	position:relative;
	top:-336px;
	left:500px;
}

#txt_puesto{
	position:relative;
	top:-323px;
	left:500px;
}

#txt_formacion{
	position:relative;
	top:-300px;
	left:500px;
}

#txt_ultimos{
	position:relative;
	top:-280px;
	left:500px;
}

#txt_observaciones{
	position:relative;
	top:-261px;
	left:500px;
}

#enviar a{
	position:relative;
	top:-245px;
	left:724px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#enviar a:hover{
	color:#000;
}

#borrar a{
	position:relative;
	top:-261px;
	left:800px;font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#borrar a:hover{
	color:#000;
}

/*********************
******* TIENDA *******
*********************/

.productos_contenido{
	font-family:"Albany";
	font-size:11px;
	color:#525252;
	font-weight:500;
}

.productos_lista{
	background-image:url(../images/icono4.gif);
	background-repeat:no-repeat;
	list-style-image:none;
	padding-left:17px;
}


a.productos_info:link{
	text-decoration:none;
	color:#000000;
}

a.productos_info:visited{
	text-decoration:none;
	color:#000000;
}

a.productos_info:hover{
	text-decoration:none;
	color:#f85b00;
}

a.productos_info:active{
	text-decoration:none;
	color:#000000;
}


.productos_titulo_grande{
	font-family:"Albany";
	font-size:28px;
	color:#424242;
	font-weight:300;
}

.productos_contenido_naranja{
	font-family:"Tahoma";
	font-size:15px;;
	color:#fc4500;
	font-weight:bold;
}

a.pie_enlaces:link{
	font-family:"Albany";
	font-size:12px;
	color:#424242;
	font-weight:bold;
	text-decoration:none;
}

a.pie_enlaces:visited{
	font-family:"Albany";
	font-size:12px;
	color:#424242;
	font-weight:bold;
	text-decoration:none;
}

a.pie_enlaces:active{
	font-family:"Albany";
	font-size:12px;
	color:#424242;
	font-weight:bold;
	text-decoration:none;
}

a.pie_enlaces:hover{
	font-family:"Albany";
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
}

/**********************
******* SOPORTE *******
**********************/

#content_soporte{
	background-image:url(../images/fondo_soporte.jpg);
	width:934px;
	height:708px;
	margin-top:-20px;
	position:relative;
}

#texto_soporte{
	width:450px;
	position:absolute;
	font-family:"BankGothic Lt BT";
	font-size:13px;
	top:150px;
	left:55px;
	text-align:justify;
}

#texto_soporte2{
	width:450px;
	position:absolute;
	font-family:"BankGothic Lt BT";
	font-size:13px;
	top:450px;
	left:55px;
	text-align:justify;
}

#nombre_sop{
	position:absolute;
	top:175px;
	left:655px;
}

#telefono_sop{
	position:absolute;
	top:212px;
	left:655px;
}

#email_sop{
	position:absolute;
	top:250px;
	left:655px;
}

#consulta{
	position:absolute;
	top:290px;
	left:655px;
}

#enviar_soporte{
	position:absolute;
	top:460px;
	left:670px;
	text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold
}

#tienda-left{
	position:relative;
	float:left;
	width:277px;
}

#tienda-right{
	position:relative;
	float:right;
	width:651px;
}

#tienda-right .row{
	position:relative;
	float:left;
	 width:100%;
	 height:auto;
	 margin:0 0 20px 0;
}
 
#tienda-right .row .cell{
	position:relative;
	float:left;
	width:215px;
	height:auto;
	/*border:2px #FC4500 solid;*/
	margin-left:2px;
	
}

#tienda-right .row .cell .cell-left{
	position:relative;
	float:left;
	width:198px;
	height:132px;
	border:1px #CCCCCC solid;
	cursor:pointer;
}

#tienda-right .row .cell .cell-right{
	position:relative;
	float:right;
	width:13px;
	height:auto;
	border:1px #CCCCCC solid;
	cursor:pointer;
}

.color-blanco{
	width:13px;
	height:11px;
	background-color:#F2F2F2;
}

.color-negro{
	width:13px;
	height:11px;
	background-color:#393939;
}

.color-marron{
	width:13px;
	height:11px;
	background-color:#B16601;
}

.color-naranja{
	width:13px;
	height:11px;
	background-color:#FE9D1B;
}

.color-oro{
	width:13px;
	height:11px;
	background-color:#D4A22F;
}

.color-ocre{
	width:13px;
	height:11px;
	background-color:#634505;
}

.color-verdeguisante{
	width:13px;
	height:11px;
	background-color:#236A6E;
}

.color-verdeoscuro{
	width:13px;
	height:11px;
	background-color:#134337;
}

.color-azulcian{
	width:13px;
	height:11px;
	background-color:#4D64C1;
}

.color-azulmarino{
	width:13px;
	height:11px;
	background-color:#2D3C73;
}

.color-rojo{
	width:13px;
	height:11px;
	background-color:#FD0000;
}

.color-granate{
	width:13px;
	height:11px;
	background-color:#823137;
}

.color-amarillo{
	width:13px;
	height:11px;
	background-color:#E9D560;
}

.color-gris{
	width:13px;
	height:11px;
	background-color:#BBB6C3;
}

.color-verde{
	width:13px;
	height:11px;
	background-color:#80C181;
}

.color-griscalido{
	width:13px;
	height:11px;
	background-color:#DECFA8;
}

.color-dorado{
	width:13px;
	height:11px;
	background-color:#680000;
}

.color-rosa{
	width:13px;
	height:11px;
	background-color:#CEBBD1;
}
