body{
background-image:url(images/fondo_azul.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:top;
font-family:Tahoma, Arial, Helvetica, sans-serif;
margin:0px;
font-size:11px;
color:#666666;
list-style-image:url(images/body/bullet.gif);
list-style-position:outside;
}

img{
border:0px;
}

a{
color: #0066CC;
text-decoration:none;
}

a:hover{
color: #0066FF;
text-decoration:underline;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

li {
	list-style-image:none;
	list-style-type:none;
}

ul {
	list-style-image:none;
	list-style-type:none;
}
/*------------------------------ Estructura ---------------------------*/

#principal{
margin:0px auto;
width:775px;
}

.contenedores_secundarios{
clear:both;
}

#banner{
clear:left;
width:775px;
height:221px;
overflow:hidden;
background-color:#ffffff;
}

#banner_home{
clear:left;
width:775px;
height:290px;
overflow:hidden;
background-color:#ffffff;
}

.banner_catalogo{
margin-left:6px;
}

/*------------------------------ Top ---------------------------*/

#logo{
width:350px;
height:133px;
float:left;
}

#espacio_blanco{
width:166px;
height:133px;
float:left;
}

#derecha_arriba{
width:259px;
height:45px;
float:left;
}

#consultas_proveedores{
width:259px;
height:36px;
float:left;
}

#cierre_consultas_proveedores{
width:259px;
height:52px;
float:left;
}

.botones{
float:left;
}


/*------------------------------ Body ---------------------------*/

#contenido{
width:525px;
float:right;
background-image:url(images/body/back_body.jpg);
background-repeat:repeat-y;
background-position:right;
}

.cuerpo_de_texto{
padding:20px 20px 10px 18px;
}

#contenedor_body{
background-image: url(images/body/fondo_estirado.jpg);
background-position:bottom;
float:left;
}

.box_servicios{
width:200px;
padding:8px 10px 8px 10px;
margin-right:10px;
margin-bottom:15px;
border:1px solid #E2E2E2;
float:left;
display:block;
}

.box_servicios_profesionales{
width:430px;
padding:8px 10px 8px 10px;
margin-right:10px;
margin-bottom:15px;
border:1px solid #E2E2E2;
float:left;
display:block;
background-color: #F0F0F0;
}

.box_servicios_cursos{
width:200px;
padding:8px 10px 8px 10px;
margin-right:10px;
margin-bottom:15px;
border:1px solid #E2E2E2;
float:left;
display:block;
background-color:#F0F0F0;
}

.tit_naranjas{
width:195px;
margin-bottom:20px;
color: #FF9900;
font-weight:bold;
text-align:center;
text-transform:uppercase;
font-size:10px;
}

.tit_naranjas_left{
width:195px;
margin-bottom:20px;
color: #FF9900;
font-weight:bold;
text-align:left;
text-transform:uppercase;
font-size:10px;
}

.tit_azules{
width:195px;
margin-bottom:5px;
margin-top:20px;
color: #0066CC;
font-weight:bold;
text-transform:uppercase;
font-size:10px;
}

.proximamente{
font-size:16px;
}

.box_promos{
width:450px;
padding:8px 10px 8px 10px;
margin-right:10px;
margin-bottom:10px;
border:1px solid #E2E2E2;
float:left;
display:block;
}

.box_novedades{
width:200px;
padding:8px 10px 8px 10px;
margin-right:10px;
margin-bottom:30px;
border:1px solid #E2E2E2;
float:left;
display:block;
}

.box_novedades2{
width:200px;
padding:8px 10px 8px 10px;
margin-right:10px;
margin-bottom:10px;
border:1px solid #E2E2E2;
float:left;
display:block;
}

.box_novedades3{
width:430px;
padding:8px 10px 8px 10px;
margin-right:10px;
margin-bottom:10px;
border:1px solid #E2E2E2;
float:left;
display:block;
}

.box_prensa{
width:193px;
padding:10px;
margin-right:10px;
border:1px solid #E2E2E2;
float:left;
display:block;
}

.box_texto_promos{
width:200px;
padding:0px 10px 8px 10px;
margin-right:10px;
margin-bottom:10px;
float:left;
display:block;
}

.box_texto_promos_tarjetas{
width:390px;
padding:0px 10px 8px 5px;
margin-right:10px;
float:left;
display:block;
}

.separador{
height:1px;
background-color:#EAEAEA;
}

.img_prensa{
float:left;
margin-right:10px;
border: 1px solid #ccc;
}
/*------------------------------ Botonera Izquierda ---------------------------*/

#botonera_izquierda_contenedor{
width:250px;
float:left;
background-image:url(images/body/back_botonera.jpg);
background-repeat: repeat-y;
background-position:bottom;
background-color:#FFFFFF;
}


#botonera_izquierda_contenedor_largo{
width:250px;
height:1500px;
float:left;
background-image:url(images/body/back_botonera.jpg);
background-repeat: repeat-y;
background-position:bottom;
background-color:#FFFFFF;
}

#caja_botonera{
width:186px;
height:400px;
float:left;
}

.fix{
width:40px;
height:204px;
overflow:hidden;
float:left;
}

.margin_botonera{
margin-bottom:20px;
}


/*Sets line-height of all menuitems*/
#p7TMnav {
	width:180px;
}

/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#p7TMnav div div {
	margin: 0 0 0 0;
	
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	color: #000000;
	font-size: 11px;
	
	/*alto de las celdas*/
	/*height:17px;*/

}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
    padding-bottom:5px;
	padding-top:5px;
	padding-left: 25px;
	display: block;
	background-image: url(images/body/boton_off.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: normal;
}

/* hmover, color del menu */
#p7TMnav div a:hover {
	color: #666666;
	background-image:url(images/body/boton_on.jpg);
}

/*The Link style for second-level menuitems*/
#p7TMnav div div a {
background-image:url(images/body/boton_dentro.jpg);
padding-left:40px;
}
/*The Link style for second-level menuitems*/
#p7TMnav div div a:hover {
background-image:url(images/body/boton_dentro_on.jpg);
padding-left:40px;
}
/*The Link style for third-level menuitems and lower*/
/*To set a specific style for the fourth level, add a div to the selector*/
/*Fourth-level example syntax: p7TMnav div div div div a {declaration}*/
#p7TMnav div div div a {
	font-size: 10px;
}

/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/


.p7currentmark {
	color: #666666!important;
	background-image:url(images/body/boton_on.jpg)!important;
}


/*------------------------------ Pie ------------------------------------*/

#pie{
width:775px;
float:left;
background-color:#FFFFFF;
background-image:url(images/body/back_pie.jpg);
padding:7px 0 8px 0;
text-align:center;
}

#enlaces{
width:500px;
float:left;
padding:10px 0 10px 190px;
}

#growit{
width:61px;
height:30px;
float:right;
}

/*------------------------------ Desplegables ---------------------------*/

#catalogo{
position:absolute;
top:170px;
z-index:15;
width:1000px;
left:50%;
height: 768px;
margin-left: -510px;
visibility: visible;
}

#institucional {
position:absolute;
margin-left:-150px;
left:50%;
top:160px;
width:170px;
height:90px;
z-index:500;
visibility:hidden;
background-image:url(images/top/desplegable_back.jpg);
background-repeat:repeat-y;
display:block;
}

#servicios {
position:absolute;
margin-left:-50px;
left:50%;
top:160px;
width:199px;
height:90px;
z-index:500;
visibility:hidden;
background-image:url(images/top/desplegable_ser_back.jpg);
background-repeat:repeat-y;
display:block;
}

#promociones {
position:absolute;
margin-left:20px;
left:50%;
top:160px;
width:170px;
height:62px;
z-index:500;
visibility:hidden;
background-image:url(images/top/desplegable_back.jpg);
background-repeat:repeat-y;
display:block;
}

.abre_desplegable, .abre_desplegable a{
height:20px;
padding-left:10px;
padding-top:4px;
font-size:10px;
color:#333333;
text-decoration:none;
overflow:hidden;
}

.abre_desplegable a:hover{
color:#999999;
}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid #FF9933;
padding: 7px;
background-color: #FFFF66;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=#EAEAEA,direction=135);
}

/*-------------------Formulario------------------*/

.registrese_contacto{
height:15px;
width: 300px;
background-color:#EAEAEA;
border:0px;
font-size:11px;
}

.registrese_adjuntar{
height:15px;
width: 300px;
background-color:#EAEAEA;
border:0px;
font-size:11px;
color: #333333;
padding-bottom:1px;
}

.registrese_contacto_desde{
height:15px;
width: 70px;
background-color:#EAEAEA;
border:0px;
font-size:11px;
}

.registrese_contacto_hasta{
height:15px;
width:70px;
background-color:#EAEAEA;
border:0px;
font-size:11px;
}

.text_area {
font-size:11px;
width: 300px;
border:0px;
background-color:#EAEAEA;
height:100px;
}

.text_area_02 {
font-size:11px;
width: 300px;
border:0px;
background-color:#EAEAEA;
height:100px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.registrese_select{
background-color:#EAEAEA;
height:19px;
width: 300px;
font-size:11px;
border:0px;
}

.bot_send{
font-size:11px;
font-weight:bold;
color: #333333;
height:20px;
width:60px;
background-color:#EAEAEA;
padding-bottom:1px;
border:0px;
}

.bot_erase{
font-size:11px;
font-weight:bold;
color: #333333;
height:20px;
width:60px;
background-color:#EAEAEA;
border:0px;
padding-bottom:1px;
margin-left:10px;
}

/*-------------------Estilos de texto novedades------------------*/
.tit_nov{
font-size:16px;
font-weight:bold;
color:#FFF;
margin:15px 0 0 15px;}

.desc_nov{
font-size:12px;
color:#333333;
margin:15px 0 0 15px;}

.tit_cont{
font-size:16px;
font-weight:bold;
color:#FF6600;
margin:10px 0;}



.foto_ico a {
display:block;
width:62px;
height:70px; /* aqui esta el truco */
background-image:url(images/body/nov_ico-foto-off.jpg);
}

.foto_ico a:hover {
background-image:url(images/body/nov_ico-foto-on.jpg);
  }
  
  
.video_ico a {
display:block;
width:62px;
height:70px; /* aqui esta el truco */
background:url(/images/nov_ico-foto-off.jpg);
}

.video_ico a:hover {
background:url(/images/nov_ico-foto-on.jpg);
  }