/* CSS Document */


/*++++++++++++++++++++++ HACKS ++++++++++++++++++++++++++++

hack IE6: _border:solid 1px red;
hack IE7: *border:solid 1px red!important;



*/



body{
font-family: Arial, Helvetica, sans-serif;
margin:0 auto;
text-align:center;
background-color:#fff;
}

#contenedor_gral alt{
color:#fff;
font-size:6pt;
}

a{
text-decoration:none;
}



/******************** +++++++++ INDEX +++++++++****************************/

.contenedor_index{
margin:30px auto; text-align:center;
height:502px; width:822px; border:none; background-image:url(../img/png/fondo_index.png); background-repeat:no-repeat; background-position:center; 
}

.foot_index{
width:822px; height:30px; font-size:7pt; color:#333333; margin:0 auto; text-align:center; line-height:3;
}

.saltar_intro, .saltar_intro a{
margin:0 auto; text-decoration:none; color:#666666; font-size:7pt; font-weight:bold; width:822px;
}

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

.logo_index{
margin:0 auto; border:none; height:70px; width:176px; background-image:url(../img/png/logo_index.png); background-position:center;
background-repeat:no-repeat; _background-image:url(../img/gif/logo_index.gif);
}
.flash_index{
margin:5px auto; border:none;  height:367px; width:800px; padding:5px;
}
/*************************** interiores ***************************/

#contenedor_gral{
margin:0 auto;
height:650px;
width:901px;
border:none;
position:relative;
}

#contenedor_gral img, .contenedor_index img{
border:none;
}
#header{
height:120px;
width:901px;
border:none;
background-image:url(../img/png/fondo_head_load.gif);   
background-position:center;                                  _background-position:bottom;  
background-repeat:no-repeat;
margin-top:10px;
}

/**********************************++++ contenido ++++***************************************************/
#contenido{
width:901px;
height:auto;
float:left;
border:none;
margin-top:8px;
text-align:left;
clear:bottom;
}

.complementos{
float:left; 
height:auto;
width:230px;
border:none;           
margin-left:20px;
}

.pop_complemento{
border:none;
width:215px;
height:auto;
color:#000;
font-size:8pt;
text-align:left;
float:left;
margin-bottom:10px;   
}

html>body .pop_complemento{
border:none;
width:215px;
color:#000;
font-size:8pt;
text-align:left;
float:left;
margin-bottom:10px;
}


.complemento_cabeza{
height:11px;
width:217px;
background-image:url(../img/png/cabeza_complemento.png);      _background-image:url(../img/gif/cabeza_complemento.gif);              
background-position:top;
background-repeat:no-repeat; _background-position:bottom;
}

.complemento_cuerpo{
height:auto;
width:217px;
background-image:url(../img/png/cuerpo_complementos.png);              
background-position:top;
background-repeat:repeat-y;
}

.complemento_cuerpo_texto{
text-align:justify;
margin-left:13px; margin-right:13px;
border:none;
width:180px;
}

.complemento_titulo{
width:190px;
font-weight:bold;
color:#FF6600;
height:20px;
border:none; 


}

.complemento_cuerpo_mas, .complemento_cuerpo_mas a{
margin-left:5px;
color:red;
text-decoration:none;
}

.complemento_cuerpo_mas a:hover{
text-decoration:none;
color:#FFCC00;
}
.complemento_pie{
height:11px;
width:217px;
background-image:url(../img/png/pie_complemento.png);                 _background-image:url(../img/gif/pie_complemento.gif);    
background-position:top;
background-repeat:no-repeat; 
}


/*****************************++++ textos ++++*****************************/
.texto_contenido{
height:auto;
width:630px;
border:none;
float:left;
margin-left:10px;
}

.texto_contenido a{
text-decoration:none;
color:#666666;
font-style:italic;
}

.texto_contenido a:hover{
text-decoration:none;
color:#FF9900;
}
.texto_contenido blockquote{
border:none;
width:615px;
text-align:justify;
margin:0 auto;
padding-left:15px;
}
.texto_contenido p{
font-size:8pt;
color:#000;
text-align:justify;
}

.ruta{
font-size:7pt;
color:#0099CC; text-align:left;
float:right;
width:auto;
margin-bottom:10px;
font-style:normal;
}

.ruta a{
color:#0099CC;text-align:left; text-decoration:none;
}
.ruta a:hover{
text-decoration:none;
color:#FF6600;
}

.titulo_texto{
font-weight:bold;
color:#FF6600;
text-align:left;
}

.subtitulo_texto{
font-weight:bold;
color:#667F8E;
text-align:left;
font-size:8pt;
}


b{
font-size:8pt;
}

.listado_hosting{
margin:0 auto;
float:none;
padding-left:0px; text-align:left; font-size:8pt;
}

.listado_hosting li{
margin-left:15px; margin-top:5px; margin-bottom:5px;
list-style-image:url(../img/png/img_listado_texto.png);   _list-style-image:url(../img/gif/img_listado_texto.gif); 
text-decoration:none; color:#000;
}


.listado_hosting label,.listado_hosting label a, .listado_hosting a{
color:#000;
font-size:8pt;
display:inline-block;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none; float:none; 
 }
 
 
html>body .listado_hosting label,.listado_hosting label a, .listado_hosting a{
color:#000;
font-size:8pt;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none; float:none; 
 }
 
 
 .listado_hosting label a:hover, .listado_hosting a:hover{
 text-decoration:none;
 color:#FF6600;
 }
/**********************************************************************************/
.cabeza_contenido{
height:11px;
width:901px;
background-image:url(../img/png/cabeza_contenido.png);
background-position:center;
background-repeat:no-repeat; border:none;    _background-position:bottom;
}

.cuerpo_contenido{
height:auto;
width:901px;
background-image:url(../img/png/cuerpo_contenido.png);  
background-position:top;                     
background-repeat:repeat-y;
border:none;
float:left;
}


html>body .cuerpo_contenido{
height:auto;
width:901px;
background-image:url(../img/png/cuerpo_contenido.png);      
background-position:top;
background-repeat:repeat-y;
border:none;
float:left;
}

.pie_contenido{
height:11px;
width:901px;
background-image:url(../img/png/pie_contenido.png);               _background-image:url(../img/gif/pie_contenido.gif);
background-position:center;                                      -background-position:top;                 
background-repeat:no-repeat;
float:left;
}

/*************************************************************************************************************/


#footer{
height:30px;
width:901px;
color:#999999;
line-height:2.5;
font-size:7pt;
float:left;
text-align:left;
vertical-align:middle;
}
#footer img{
border:none;
}
.foot_text{
margin-top:5px; margin-bottom:5px; float:left; border:none; width:auto;  text-align:center; 
}
/*********************++++ menu ++++******************************/
#menu_head{
height:34px;                                         
width:901px;
background-image:url(../img/png/fondo_menu.png);  
background-position:center;                   _background-position:top; 
background-repeat:no-repeat;					
font-size:10pt;
color:#fff;
text-align:left;
font-size:8pt; 
}
.botones_menu{
border:none;
float:left;
text-align:left;
margin-left:3px;
line-height:2.8; width:698px; 
}
.boton_busqueda{ 
background-image:url(../img/png/boton_lupa.png);
background-position:top; background-repeat:no-repeat;
float:left; height:34px; width:25px;   border:none; vertical-align:middle; cursor:pointer;
}

.boton_busqueda:hover{
background-image:url(../img/png/boton_lupa_scr.png);    
background-position:top; background-repeat:no-repeat; 
}

.busqueda{

background-image:url(../img/png/fondo_busqueda.png); background-position:bottom; background-repeat:no-repeat; 
height:34px; width:194px; border:none; text-align:center; float:left; line-height:3.4;
_background-image:url(../img/png/fondo_busqueda_ie.png); 

}

html>body. busqueda{
background-image:url(../img/png/fondo_busqueda.png); background-position:bottom; background-repeat:no-repeat; 
height:34px; width:194px; border:none; text-align:center; float:left;  line-height:3.3;
}


.busqueda_texto{

height:12px; width:139px; border:none; background:#fff; font-size:7pt; color:#999999; text-align:left; 
margin-left:4px; padding:0; margin-top:12px; *margin-top:0px!important;
 
 _margin-top:12px;  _margin-left:22px;  _float:left; 
}




.utilidad{
border:none; height:30px; width:300px;
background-image:url(../img/png/fondo_busqueda_texto.png); background-position:left; background-repeat:no-repeat;

_background-image:url(../img/gif/fondo_busqueda_texto.gif);
}
.busqueda_utilidad{
height:12px; width:140px; border:none; background:#fff;  font-size:7pt; color:#999999; text-align:left;   margin-left:10px; margin-right:8px; margin-top:9px;
}

.catalogo_utilidad{
height:15px; width:135px; border:0; background:#fff;  font-size:7pt; color:#999; text-align:left;  margin-left:12px; margin-right:8px; margin-top:5px;
}

.timing_utilidad{
border:none; height:30px; width:600px; font-size:8pt; color:#000000;
background-image:url(../img/png/fondo_busqueda_timing.png); background-position:left; background-repeat:no-repeat;

_background-image:url(../img/gif/fondo_busqueda_timing.gif);

}

.boton_busqueda_utilidad{
border:none;  margin-left:6px; height:25px; width:25px; background-image:url(../img/png/fondo_boton_utilidad.png);
background-position:top; background-repeat:no-repeat;  vertical-align:middle; cursor:pointer;

_background-image:url(../img/gif/fondo_boton_utilidad.gif);
 }
.boton_busqueda_utilidad:hover{
border:none;  margin-left:6px; height:25px; width:25px; background-image:url(../img/png/fondo_boton_utilidad_scr.png);
background-position:top; background-repeat:no-repeat;  vertical-align:middle; cursor:pointer;

_background-image:url(../img/gif/fondo_boton_utilidad_scr.gif)
}

.busqueda_menu{
border:none; 
float:left; 
text-align:left;
width:194px;
height:34px;                              
line-height:3.3;

}



html>body .busqueda_menu{
border:none; 
float:left; 
text-align:left;
width:194px;
height:34px; 
line-height:3.5;
}
#menu_head ul{
list-style:none;
display:inline;
margin:0 auto;
}

#menu_head li{
display:inline;
float:left;

}

.boton_menu, .boton_menu a{
background-image:url(../img/png/boton_menu.png);
background-position:center;
background-repeat:no-repeat;
border:none;
height:34px;
width:120px;
padding-top:10px;
padding-bottom:12px;
text-decoration:none;
color:#FFFFFF;
}

.boton_menu a:hover{
text-decoration:none;
background-image:url(../img/png/boton_menu_scr.png);
background-position:center;
background-repeat:no-repeat;
}




/**************************++++ noticias ++++****************************/

#noticias{
height:auto;
width:901px;
border:none;            
text-align:center;
float:left;
}

.titulo_noticias{
height:30px;
width:901px;
background-image:url(../img/png/fondo_titulo_noticias.png);     _background-image:url(../img/gif/fondo_titulo_noticias.gif);
background-position:center;
background-repeat:no-repeat;
}
.pop_noticia{
height:95px;
width:221px;
background-image:url(../img/png/fondo_noticia_popup.png);
background-position:center;
background-repeat:no-repeat;
text-align:left;
font-size:8pt;
float:left;
margin-left:2px;                    _margin-left:1px;  _margin-right:1px;
margin-right:2px;
}

.pop_noticia fieldset{
border:none;
margin-left:10px;
margin-top:15px;
}

.pop_noticia_titulo{
font-weight:bold;
color:#0066CC;
}

.pop_noticia_mas, .pop_noticia_mas a{
color:red;
text-decoration:none;
margin-left:3px;}

.pop_noticia_mas a:hover{
text-decoration:none;
color:#FFCC00;
}


/***************************--- listado noticias ---****************/

.listado_noticias{
margin:0 auto; 
float:none;
text-align:left; padding-left:0px; font-size:8pt;
}


.listado_noticias li{
margin-top:2px; margin-bottom:2px;
text-decoration:none; color:#000; list-style:none;
}


.listado_noticias label,.listado_noticias label a, .listado_noticias a{
color:#000;
font-size:8pt;
display:inline-block;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none; float:none;  
 }
 
 
html>body .listado_noticias label,.listado_noticias label a, .listado_noticias a{
color:#000;
font-size:8pt;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-style:normal;
text-decoration:none; float:none; 
 }
 
 
 .listado_noticias label a:hover, .listado_noticias a:hover{
 text-decoration:none;
 color:red;
 }

/************************************+++++ login +++++*****************************/


.login{
width:200px; height:150px;
background-image:url(../img/png/fondo_pass.png); background-position:center; background-repeat:no-repeat;
position:absolute; border:none;
z-index:10; top:155px; *top:165px!important; left:460px; visibility:hidden;
font-family:Arial, Helvetica, sans-serif; 
                                                               _background-image:url(../img/gif/fondo_pass.gif);
}



.username_login{
width:85px; height:10px; border:none; color:#FFF; background-color:#000; font-size:7pt; line-height:normal; margin-top:4px; padding-left:5px; padding-right:5px;  margin-left:7px; vertical-align:middle;
}


.password_login{
width:85px; height:10px; border:none; color:#FFF; background-color:#000; font-size:7pt; line-height:normal; margin-top:12px; 
*margin-top:11px!important; padding-left:5px; padding-right:5px;  margin-left:7px; vertical-align:middle;
}


.claves_login{
background-image:url(../img/png/login.png); background-position:top; background-repeat:no-repeat; border:0;
height:50px;width:150px; margin-top:5px;                                           _background-image:url(../img/gif/login.gif);
 }                                                                    


.go{
margin-left:11px;font-size:7pt; color:#000; background-image:url(../img/png/boton_go.png); background-position:center; background-repeat:no-repeat; height:19px; width:19px; border:0; line-height:normal; text-decoration:none; text-align:center;
}



.go:hover{
color:#fff; 
background-image:url(../img/png/boton_go_scr.png); background-position:center; background-repeat:no-repeat; line-height:normal;
}

.recuperar_pass, .recuperar_pass a{
 font-size:7pt; color:#666666; border:0; margin-bottom:15px; margin-top:10px; text-decoration:none;}
 .recuperar_pass a:hover{
 text-decoration:none;
 color:#FF6600;
 }

.datos_login{
border:none; text-align:left; width:140px; margin:0 auto; height:auto; border:0;
}

.title_login{
height:auto;
margin-top:15px; border:none;
}




 
 
 /******************************************************+++ contacto ++++++*******************************/

.contacto_listado{
width:550px;
height:auto;
margin:0 auto;
}

.contacto_listado label{
font-size:8pt;
color:#333;
display:inline-block;
width:150px;
margin-left:5px;
margin-right:5px;
text-align:right;
margin-top:5px; 
}


td.boton{
text-align:center;
}
/***************para firefox**************/

html>body .contacto_listado label{
font-size:8pt;
color:#333;
width:150px;
margin-right:5px;
float:left;
text-align:right;
margin-top:5px;
}

html>body .contacto_listado li{
list-style-type:none;
padding:2px;
margin: 0;
display:block;
clear:left;
}




/***************************************************************************/
.contacto_listado li{
list-style:none;
padding:2px;
margin: 0;

}

.contacto_listado ul{
margin:0;
padding:0;
}


 
 /************************++ formulario +************/
.campo{
font-size:8pt;
color:#666;
border:solid 1px #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
padding:3px;
width:200px;
}

.campo:hover{
color:#666666;

}

textarea{
font-size:8pt;
border:solid 1px #CCCCCC;
font-family:Arial, Helvetica, sans-serif; color:#666; width:200px; height:170px; padding:3px;
}

.boton_formulario{
border:0;
height:22px;
width:50px;
font-size:7pt; font-family:Arial, Helvetica, sans-serif;
color:#fff;
background-image:url(../img/png/boton_enviar.png);
margin-left:130px;
text-align:center;
cursor:pointer;
line-height:normal;
}


.boton_formulario:hover{
background-image:url(../img/png/boton_enviar_scr.png);
color:#fff;
}

.obligatorio{
color:#333;
font-size:8pt; font-style:italic;
}


/**************************++++++ tablas +++++++++**********************/

.tabla_hosting{
 font-size:8pt; 
}

.tabla_hosting td{
border:dotted 1px #667F8E; padding:5px;
}
.title_tabla_hosting{
font-weight:bold;
color:#667F8E;
}


/**********************************+++++ menu_complementos +++++++++**************************/

.pop_complemento_mas{
border:none; float:right; height:13px; width:13px; text-align:center; margin-top:20px; color:red; text-decoration:none; 
}
.pop_complemento_mas a{
color:red; text-decoration:none;
}

.pop_complemento_mas a:hover{
text-decoration:none; color:#f60;
}

.contenedor_icono, .contenedor_icono a{
border:none; text-decoration:none;                    
width:185px;
height:20px;
text-align:left;
top:0; 
position:relative;
z-index:21; 
color:#f60;
font-size:8pt; font-weight:bold; padding-bottom:7px; _padding-bottom:0px; _height:10px;
}

.contenedor_icono a:hover{
color:#f60; text-decoration:none; font-weight:bold;}



.fondo_menu{
width:150px; 
min-height:50px; 
margin-left:53px; _margin-left:2px;
border:none; 
border-top:#fff; 
top:0;
position:relative;  clear:both; z-index:4; 
}

html>body .fondo_menu{
width:150px; 
min-height:50px; 
margin-left:45px;
text-align:justify;
border-top:#fff; 
top:0; 
position:relative;  clear:both; z-index:4;
}


.listado_menu{
top:0;    padding-left:0;   
position:relative; text-align:justify;
z-index:100; margin-left:2px;
width:180px;     
height:auto; float:none; 
border:none;
}



html>body .listado_menu{
top:0; right:45px; padding-left:0; 
position:relative; text-align:left;
z-index:18; margin-left:2px;
width:180px;
height:auto; float:none;
border:none;
}



.listado_menu ul{
margin:0 auto; 
float:none;
text-align:left; padding-left:0; text-decoration:none;
}

.listado_menu li{
margin-left:15px;
list-style-image:url(../img/png/img_listado_texto.png);   _list-style-image:url(../img/gif/img_listado_texto.gif);  
text-decoration:none; color:#000; text-decoration:none;
}

.listado_menu label, .listado_menu label a{
color:#000; text-decoration:none;
font-size:8pt;
display:inline-block;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none; float:none; width:170px;

}

html>body .listado_menu label, .listado_menu label a{
color:#000;
font-size:8pt;
display:block;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none; float:none; width:170px;

}

.listado_menu label:hover{
border:none; padding:0;
width:180px;

}

.listado_menu label a:hover{
text-decoration:none; color:#f60; width:170px; padding:0;
}