/* CSS Document */

/* ESTILOS GENERALES *************************************************/

body {

margin-left: 0px;

margin-top: 15px;

margin-right: 0px;

margin-bottom: 15px;

text-align: center;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#333333;

}


h1{
font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:100;

}	

td{

font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:11px;

color:#333333;

}

img {

border:0px;

}	

.borde_imagen{

border:1px solid #999999;

}

#contenedor{

width:760px;

margin: auto;

padding:0px;

}

a{

color:#3B65A4;

font-size:11px;

}

a:hover{

color:#999999;

font-size:11px;

}

.lnk_subir{

color:#3B65A4;

font-size:11px;

}

.lnk_subir:hover{

color:#333333;

font-size:11px;

}

.espacio_img{

border-left:6px solid #FBFBFB;

}

.borde_suprod{

border:solid 1px #FFFFFF;

}



/* ESTILOS DEL ENCABEZADO *************************************************/

#top{

background-image:url(../images/fndo_encab.jpg);

height:120px;

background-repeat:repeat-x;

}

#top ul{

padding:0px 0px 0px 0px;

margin:0px 2px 0px 0px;

}

#top ul li{

list-style: none;

padding:12px 0px 0px 0px;

}

#top ul li.lateral{

list-style: none;

padding:8px 0px 0px 0px;

}

.top_form{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: relative;
	top: -12px;
	vertical-align: bottom;
}

#top a{

color:#333333;

text-decoration:none;

font-weight:bold;

font-size:10px;

}

#top a:hover{

color:#3B65A4;

text-decoration:none;

font-weight:bold;

font-size:10px;

} 

#top  a.lateral {
	text-decoration:underline;
	color:#333333;
	font-weight:bold;
	font-size:10px;
	z-index: 999;
}

#top  a.lateral:hover {

text-decoration:underline;

color:#3B65A4;

font-weight:bold;

font-size:10px;

} 

.lnk_flag{

vertical-align:super;

}

.form_sup_buscar{
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.btn_sup_buscar{

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.15em;

font-size: 11px;

font-weight:bold;

background-color:#EBEBEB;

padding:0px 0px 0px 3px;

margin:0px;

border:0px;

cursor:hand;

}

.campo_sup_buscar{

width:120px;

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

font-size: 11px;

padding-left:3px;

padding-right:3px;

}



/* ESTILOS DEL MENU SUPERIOR *************************************************/

#menu_sup{

background-color:#5A85C5;

margin:8px 0px 22px 0px;

font-weight:bold;

padding:10px;

}

#menu_sup ul{

padding:10px 0px 10px 0px;

margin:0px;

}

#menu_sup ul li{

display: inline;

border-left:2px dotted #FFFFFF;

margin-left:10px;

margin-right:10px;

padding-left:20px;

}

#menu_sup ul li.first{

display: inline;

border-left:1px dotted #5A85C5;

margin-left:0px;

margin-right:10px;

padding-left:0px;

}

.arrow_menu_sup{

padding-right:6px;

}

.link_menu_sup{

color:#ffffff;

text-decoration:none;

font-weight:bold;

}

.link_menu_sup:hover{

color:#ffffff;

text-decoration:none;

font-weight:bold;

}

.tit_seccion{

font-family:Geneva, Arial, Helvetica, sans-serif;

font-size: 13px;

font-weight:bold;

padding:7px 1px 7px 6px;

}

.tit_seccion1{

color:#3779C1;

}

.tit_seccion2{

color:#333333;

} 



/* ESTILOS DE LOS CONTENIDOS *************************************************/

#cuerpo{

border:1px solid #ffffff;

margin:0px 0px 0px 0px;

padding:0px 0px 0px 0px;

}

#index_principal{  

float: left;

text-align: left;

width: 73%;

}

#index_lateral{

float: right;

text-align: left;

width: 25%;

}

.intro_flash{

background-color: #F4F4F4;

border-top:solid 6px #E1E1E1;

border-bottom:solid 6px #E1E1E1;

}



/* Index */

.index_inferior{

margin:0px 0px 0px 0px;

padding:20px 0px 0px 0px;

}

.index_inf_izq{

width: 49%;

float: left;

text-align: left;

background-color: #FBFBFB;

border-top:solid 6px #F4F4F4;

border-bottom:solid 6px #F4F4F4;

}


.index_inf_der{

width: 48%;

float: right;

text-align: left;

background-color: #FBFBFB;

border-top:solid 6px #F4F4F4;

border-bottom:solid 6px #F4F4F4;

}



.index_inf_newsletter{
	width: 100%;
	float: left;
	text-align: left;
	height: 0px;
}


/* Login */

.login{

background-color: #CC0000;

border-top:solid 6px #FF5151;

border-bottom:solid 6px #FF5151;

/*padding:5px;*/

padding:0 0 0 0px;

font-size:12px;

font-weight:bold;

}

.txt_frm_login{

color:#FFFFFF;

padding-right:5px;

padding-left:6px;

text-align:right;

font-weight:bold;

}



.campo_login{

width:90px;

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.05em;

font-size: 11px;

padding-left:3px;

padding-right:3px;

}

.btn_login{

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

font-size: 12px;

font-weight:bold;

color:#D6D6D6;

background-color:#CC0000;

padding:3px 3px 3px 3px;

margin:0px;

border:0px;

cursor:hand;

}

.lnk_login{

text-decoration:none;

font-size: 10px;

color:#ffffff;

font-weight:bold;

}

.lnk_login:hover{

text-decoration:underline;

font-size: 10px;

color:#FFCC00;

font-weight:bold;

}

.txt_logeado{

color:#FFFFFF;

padding-right:5px;

padding-left:12px;

}



/* Areas */

.tit_seccion_areas{

font-family:Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight:bold;

padding:5px 5px 15px 26px;

color:#E54002;

}

.areas{

background-color: #FFCC00;

border-top:solid 6px #FFE377;

border-bottom:solid 6px #FFE377;

padding:5px;

font-size:12px;

font-weight:bold;

}

.areas ul{

padding:0px 0px 0px 0px;

margin:0px 0px 0px 0px;

}

.areas ul li{

list-style:none;

padding:7px 0px 7px 45px;

background:url(../images/fnd_menu_areas.jpg) left center no-repeat;

border-bottom:solid 1px #FFE377;

}

.areas ul li.first{

list-style:none;

padding:7px 0px 7px 45px;

background:url(../images/fnd_menu_areas.jpg) left center no-repeat;

border-top:solid 1px #FFE377;

border-bottom:solid 1px #FFE377;

}

.areas ul li.last{

list-style:none;

padding:8px 0px 8px 45px;

background:url(../images/fnd_menu_areas.jpg) left center no-repeat;

border-bottom:solid 1px #FFE377;

margin-bottom:10px;

}

.areas ul li a {

text-decoration:none;

color:#666666;

}

.areas li a:hover {

color:#393939;

text-decoration:none;

}



/* Seccion Inferior del index */

.btn_hagalo{

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.15em;

font-size: 11px;

font-weight:bold;

background-color:#FBFBFB;

padding:0px 0px 0px 3px;

margin:0px;

border:0px;

cursor:hand;

}

.campo_hagalo{

width:95px;

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

font-size: 11px;

padding-left:3px;

padding-right:3px;

}

.txt_hagalo{

font-size: 12px;

}



/* Pagina noticias */

.news_leteral{

background-color: #C6D5EA;

border-top:solid 6px #E6ECF7;

border-bottom:solid 6px #E6ECF7;

padding:5px;

font-size:11px;

font-weight:bold;

}

.news_contenido{

background-color: #FBFBFB;

border-top:solid 6px #F4F4F4;

border-bottom:solid 6px #F4F4F4;

padding:5px 8px 5px 8px;

font-size:11px;

}

.news_titulo{

font-size:12px;

color:#000000;

font-weight:bold;

}

.news_result{

border-bottom:dashed 1px #CCCCCC;

padding:10px 0px 10px 0px;

}

.news_tit{

padding-bottom:3px;

padding-top:3px;

}

.lnk_news_tit{

color:#3B65A4;

text-decoration:none;

font-size:12px;

font-weight:bold;

}

.news_seccion{

color:#999999;

font-size:10px;

font-weight:bold;

padding-bottom:10px;

}

.news_copete{

color:#666666;

font-size:11px;

font-weight:bold;

padding-bottom:10px;

}

.fecha_news{

font-size:10px;

color:#FF9900;

font-weight:bold;

}

.lnk_news_tit:hover{

color:#999999;

text-decoration:underline;

font-size:12px;

font-weight:bold;

}

.lnk_news{

color:#3B65A4;

text-decoration:none;

font-size:11px;

font-weight:bold;

}

.lnk_news:hover{

color:#999999;

text-decoration:underline;

font-size:11px;

font-weight:bold;

}

.tit_news_amp{

color:#3B65A4;

font-size:15px;

font-weight:bold;

padding:3px 0px 2px 0px;

}

.copete_res_amp{

color:#333333;

font-size:11px;

font-weight:bold;

}

.fecha_news_amp{

font-size:11px;

color:#FF9900;

font-weight:bold;

}

.fecha_seccion_amp{

font-size:11px;

color:#666666;

font-weight:bold;

}

.news_img{

/*border-left:6px solid #FBFBFB;*/

}



/* Pagina tiendas */

.store_leteral{

background-color: #FBFBFB;

border-top:solid 6px #F4F4F4;

border-bottom:solid 6px #F4F4F4;

padding:5px;

font-size:11px;

font-weight:bold;

}

.store_contenido{

background-color: #FBFBFB;

border-top:solid 6px #F4F4F4;

border-bottom:solid 6px #F4F4F4;

padding:5px 8px 5px 8px;

font-size:11px;

}

.lnk_result_tit{

color:#3B65A4;

text-decoration:none;

font-size:12px;

font-weight:bold;

padding:5px 0px 3px 0px;

}

.store_result_dwn{

border-top:dashed 2px #cccccc;

padding:20px 0px 20px 0px;

}

.store_result_up{

border-bottom:dashed 2px #cccccc;

padding:20px 0px 20px 0px;

}

.store_result{

border-bottom:dashed 2px #cccccc;

padding:20px 0px 20px 0px;

}



/* Pagina contacto */

.contacto{

border-bottom:dotted 2px #5A85C5;

padding:5px 5px 5px 5px;

}

.btn_contacto{

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.15em;

font-size: 11px;

font-weight:bold;

color:#FFFFFF;

background-color:#5A85C5;

padding:2px 2px 2px 2px;

margin:0px;

border:0px;

cursor:hand;

text-align:center;

}

.campo_contacto{

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

font-size: 11px;

padding-left:3px;

padding-right:3px;

color:#3C68AA;

}



/* Pagina nosotros  */

.nos{

padding:0 6 0 6px;

}

.fecha_nos{

font-size:11px;

color:#FF6600;

font-weight:bold;

}

.detall_nos{

color:#333333;

font-size:10px;

}

.borde_nos{

border-bottom:6px solid #FFE377;

border-top:6px solid #FFE377;

padding:8px 8px 15px 8px;

background-color:#FFF3C6;

}

.tit_nos{

font-size: 14px;

font-weight:bold;

color:#FF9900;

}



/* Pagina usted mismo  */

.usted_soft{

background-color: #FFFFCC;

border-top:solid 6px #FFEFB0;

border-bottom:solid 6px #FFEFB0;

padding:5px;

font-size:12px;

font-weight:bold;

}

.tit_usted{

font-size:14px;

color:#333333;

font-weight:bold;

padding-left:5px;

padding-bottom:10px;

padding-top:5px;

}

.margen_usted{

padding-left:5px;

}



/* Pagina profesionales */

.descarga_soft{

font-size:14px;

color:#CC0000;

font-weight:bold;

padding-left:5px;

padding-bottom:10px;

padding-top:5px;

}

.descarga_soft:hover{

font-size:14px;

color:#333333;

font-weight:bold;

padding-left:5px;

padding-bottom:10px;

padding-top:5px;

}

.tit_prof{

font-size:13px;

color:#CC0000;

font-weight:bold;

padding-bottom:8px;

}



/* Pagina manuales */

.tit_manuales{

font-size:14px;

color:#3779C1;

font-weight:bold;

padding-left:5px;

padding-bottom:10px;

padding-top:5px;

}

.nombre_manual{

font-size:11px;

color:#FF9900;

font-weight:bold;

}

.result_manual{

border-bottom:dashed 1px #CCCCCC;

padding:10px 0px 10px 0px;

}



/* Pagina asesoramiento */

.espacio_form_hagalo{

padding:0px 5px 0px 0px;

}

.borde_ases{

border-top:solid 2px #E4E4E4;

border-bottom:solid 2px #E4E4E4;

padding-bottom:12px;

}

.tit_asesoramiento{

font-size:13px;

color:#CC0000;

font-weight:bold;

padding-top:8px;

padding-bottom:4px;

}

.txt_ases{

padding-left:22px;

padding-right:10px;

}



/* Pagina productos */

.tit_result_prod{

padding:8 5 8 5px;

background-color:#FFE377;

border-bottom:3px solid #FFFFFF;

font-weight:bold;

color:#FF6600;

}

.result_prod{

border-bottom:3px solid #FFFFFF;

padding:5px;

background-color:#FFF3C6;

}

.tit_result_detall{

font-size:14px;

color:#CC0000;

font-weight:bold;

padding-left:5px;

padding-bottom:10px;

padding-top:5px;

}

.subtit_detall{

color:#FF6666;

font-weight:bold;

font-size:11px;

}

.borde_img_prod{

border:solid 1px #FF6666;

padding:5px;

}

.borde_sup_det_prod{

border-top:#FF6666 solid 1px;

border-left:#FF6666 solid 1px;

border-right:#FF6666 solid 1px;

padding:5px;

}

.borde_inf_det_prod{

border-bottom:#FF6666 solid 1px;

border-left:#FF6666 solid 1px;

border-right:#FF6666 solid 1px;

padding:5px;

}

.prod_result_detall{

background-color:#FF6666;

color:#000000;

padding:5px;

font-weight:bold;

}

.prod_result_txt{

background-color:#FBD7D0;

color:#666666;

padding:5px;

}

.prod_detall_aclara{

color:#858585;

font-size:11px;

padding-bottom:10px;

}



/* Pagina faqs */

.tit_faq{

padding:5px;

background-color:#DDDDDD;

color:#0033CC;

}

.resp_faq{

padding:5px;

line-height:16px;

}



/* Pagina promos */

.promos_tit{

color:#3B65A4;

font-size:12px;

font-weight:bold;

padding-bottom:4px;

padding-top:4px;

}



/* Pagina pedido*/

.btn_pedido{

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.15em;

font-size: 11px;

font-weight:bold;

color:#FF6666;

border:1px solid #FF6666;

background-color:#FBD7D0;

padding:2px 2px 2px 2px;

margin:0px;

cursor:hand;

text-align:center;

}

.campo_pedido{

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

font-size: 11px;

padding-left:2px;

padding-right:2px;

color:#FF6666;

border: #FF6666 1px solid;

}



/* Pagina ideas */

.tit_ideas{

color:#CC0000;

background-color:#FFE377;

padding:5px;

font-weight:bold;

font-size:13px;

}

.txt_ideas{

padding:5px;

background-color:#FFF3C6;

}





/* Pagina panel */

.reg_result_titul{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

background-color:#5A85C5;

color:#ffffff;

padding:5px;

font-weight:bold;

padding:5px;

}

.boton_accion_result {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 11px;

color: #ffffff;

background-color : #5A85C5; 

margin-left : 3px;

margin-right : 3px;

padding:3px;

border: 1px solid #333333;

font-weight: bold;

}



/* ESTILOS DEL PIE ***********************************************************/

#pie{

border-top:12px solid #FFFFFF;

background-image:url(../images/fndo_pie.jpg);

height:58px;

background-repeat:repeat-x;

clear: both;

}

#pie ul{

padding:10px 0px 10px 0px;

margin:0px;

}

#pie ul li{

list-style: none;

display: inline;

}

#pie a{

color:#3B65A4;

}

#pie a:hover{

color:#333333;

}

#pie .txt_pie{

margin-top:5px;

margin-bottom:8px;

}



#pie .campo_pie_newsletter{

width:175px;

font-family:Arial, Helvetica, sans-serif;

letter-spacing:0.1em;

font-size: 11px;

padding-left:3px;

padding-right:3px;

}





/**************** menu coding *****************/

#menu {

/*width: 12em;  set width of menu */

background: #C6D5EA;

} 



#menu ul { /* remove bullets and list indents */

list-style: none;

margin: 0;

padding: 0;

}



/* style, color and size links and headings to suit */

#menu a {

font: bold 11px Verdana, Arial, Helvetica, sans-serif;

display: block;

margin: 0;

padding: 2px 3px;

}



#menu a {

color:#3B65A4;

text-decoration:none;

font-size:11px;

font-weight:bold;

}



#menu a:hover {

color:#999999;

text-decoration:underline;

font-size:11px;

font-weight:bold;

}



#menu li {

/* make the list elements a containing block for the nested lists */

position: relative;

padding:2px 1px 2px 1px;

} 



#menu li li {

border-bottom:1px solid #3B65A4;

}



#menu li li li {

border-bottom:1px solid #999999;

}



#menu ul ul ul {

position: absolute;

top: 0;

left: 100%; /* to position them to the right of their containing block */

width: 100%; /* width is based on the containing block */

background-color:#eeeeee;

border:1px solid #CCCCCC;

}



div#menu ul ul ul,

div#menu ul ul li:hover ul ul

{display: none;}



div#menu ul ul li:hover ul,

div#menu ul ul ul li:hover ul

{display: block;}

/**************** fin menu coding *****************/

.txt_frm_newsletter {
	border: thin solid #9CDDEB;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.aviso_newsletter {
	font-weight: bold;
	color: #CC3300;
	text-align: center;
}