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

*{
	margin: 0px;
	padding: 0px;
	border:0px;
	line-height:15px;
}

body
{
width:962px;
margin:5px auto;
font-family:arial,verdana, sans-serif;
background: #ffffff;
font-size:12px;

}

body.home
{
margin-top:0px;
}


h1
{
color:#980000;
font-size:28px;
margin:30px 10px 30px 0px;
display:inline;
font-weight:bold;
}

h2, h3
{
color:#980000;
font-size:22px;
margin:10px 10px 10px 0px;
display:inline;
color:#555;
}

/*

 style="color:#555; margin-left:285px; margin-top:-44px;"
 
 */

a, a:visited, a:link, a hover
{
text-decoration:none;
color:#000000;
}

p
{
margin:5px 0px 5px 10px;
}

span.telefono
{
	color: #990000;
	font-weight: bold;
}

div.clear, br.clear
{
clear:both;
line-height:0px;
height:0px;
font-size:0px;
}

img{
border:0px;
padding:0px;
}

#contenido
{
float:left;
width:700px;
}

#columna div{

}


#columna
{
background: none;
width:233px;
padding-left:5px;
float:right;
/*width:228px;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
}



#columna #soporte, .home #soporte {
margin-top:-5px;
background:url(/image/general/soporte_fondo.png) top left no-repeat;
width:233px;
height:196px;
padding-top:10px;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:0px;
}

#telefono_atencion{
margin:4px 0px 0px 8px;
background:url(../../image/general/soporte_telefono.png) no-repeat left bottom;
height:24px;
padding:11px 0px 3px 37px;

}

#soporte #telefono_atencion span
{
color:#980000;
font-size:25px;
line-height:5px;
display:block;
font-weight:bold;
}

#soporte span#telefono_local
{
color:#000;
line-height:42px;
}

#telefono_atencion{
margin-bottom: 30px;
}

#consulta_comercial, #soporte_tecnico
{
width:50px;
margin:-10px 5px 0px 30px;
}

#consulta_comercial a, #soporte_tecnico a
{
color:#980000;
font-weight:bold;
}

#consulta_comercial a:hover, #soporte_tecnico a:hover,
{
color:#7e7e7e;
}

#extranet_link{
margin-top:5px;
height:26px;
width:220px;
}

#extranet_link span, #extranet_link img
{
float:left;
display:block;
}



#extranet_link span
{
color:#980000;
font-size:20px;
font-weight:normal;
margin-top:5px;
}

#extranet_link span:hover
{
color:#7e7e7e;
}


#extranet_home
{
margin-top:10px;
}

#extranet_home:hover
{
cursor:pointer;
}


#extranet_home img
{
margin-top:0px;
margin-left:20px;
margin-right:10px;
}

#eco{
margin:10px 0px;
}


#ssl img{
padding-left:65px;
padding-top:5px;
}

#columna #blog
{
background:url(/image/general/blog_fondo.png) no-repeat left top;
width:233px;
height:157px;
padding-top:50px;
}




#columna #blog .titulo
{
display:none;
}

#columna #blog_entradas a ,#columna #blog_entradas a:visited,#columna #blog_entradas a:link
{
color:#000000;
font-size:12px;
}

#columna #blog_entradas .leer_mas{
color:#999;
font-size:11px;
}

#columna #blog_entradas .leer_mas:hover{
color:#980000;
}

#columna #casos
{
background:url(/image/general/fondo-casos.jpg) no-repeat top left;
height:50px;
}

a.link-rojo, a.link-rojo:visited, a.link-rojo:link 
{
color:#980000;
}

a.link-rojo:hover
{
text-decoration:underline;
}

a.link-azul, a.link-azul:visited, a.link-azul:link{
color:#0066cc;
font-weight:bold;
font-size:12px;
display:block;
}

a.link-azul:hover{
color:#980000;
text-decoration:underline;
}

ul
{
list-style:disc;
margin:5px 0px 0px 20px;
padding:0px;
font-size:12px;
}


<!-- FAQS -->

ul.faq li{
display:block;
cursor:pointer;
}

ul.faq li h3{
font-size:12px;
color:#000000;
font-weight:normal;
line-height:12px;
}

ul.faq li h3:hover, ul.faq li h3:hover a{
color:#980000;
font-weight:bold;
cursor:pointer;
}

#faqs_up{
width:233px;
height:57px;
background: url(/image/general/faq_fondo_up.png) #fff no-repeat top left;
}
#faqs_mid{
width:233px;
background: url(/image/general/faq_fondo_mid.png) #fff repeat-y top left;
margin-top:-5px;
}
#faqs_down{
width:233px;
height:22px;
background: url(/image/general/faq_fondo_down.png) #fff no-repeat top left;
}


#faqs .titulo{
display:none;
}

#faq_popup
{
display:none;
position:absolute; 
top:370px; 
margin-left:-40px;
}

/*ul.faq li div{
display:none;
}

ul.faq li:hover div{
display:block;
float:right;
position:absolute;
background: url(/image/general/degradado-medio.jpg) #fff repeat-x bottom left;
border:#555555 1px solid;
padding: 10px;
width:500px;
opacity:.95;
margin-left:-330px;
color:#333;
list-style-image:none;
}

ul.faq li:hover div li{
list-style:disc;
list-style-image:none;
}*/
div.ui-dialog
{
overflow:visible;
}

.ui-dialog li
{
text-align:justify;
list-style-image:url(/image/general/li_bullet.png);
}


.ui-dialog-container
{
border: 1px solid #CCCCCC;
background:#FFFFFF url(../../image/general/degradado-medio.jpg) bottom left repeat-x;
padding:5px;
}

.ui-dialog-titlebar{
font-weight:bold;
cursor:move;
color:#980000;
}


.ui-dialog-titlebar-close{
cursor:pointer;
height:16px;
position:absolute;
right:7px;
top:6px;
width:16px;
}

/* Doble Columna */
.columnaI, .columnaD
{
display:block;
float:left;
}

.columnaDB
{
float:left;
border-left:1px #CCCCCC solid;
margin-left:20px;
padding-left:10px;
}

/*Imagen a la izquierda*/
.left{
float:left;
}

.degradado
{
background:url(../../image/general/degradado-medio.jpg) repeat-x bottom left;
}

#banner{
margin-bottom:5px;
}

.home #banner {
height:265px;
}

#img_banner img
{
margin-left:-10px;
}

a.boton_verde, a.boton_verde:link , a.boton_verde:visited
{
display:block;
width:120px;
height:25px;
background:url(/image/general/selectServidor.png) no-repeat top left;
font:Arial;
font-size:15px;
padding:5px 0px 5px 11px;
color:#FFFFFF;
font-weight:bold;
margin-top:5px;
}

a.boton_verde:hover
{
background:url(/image/general/selectServidorHover.png) no-repeat top left;
color:#FFFFFF;
cursor:pointer;


}

a.boton_verde input
{
border:none;
background:none;
color:#FFFFFF;
font-weight:bold;
width:120px;
padding:0px;
text-align:left;
}

a.boton_verde input:hover
{
cursor:pointer;
}

input,textarea
{border: 1px solid #CCCCCC;
}
.exemple
{
color:#bbb;
}

td.header
{
background:url(../../image/general/degradado-medio.jpg) repeat-x bottom left;
}

tr.header_degradado
{
background:#d6d6d6;
}
span.mayus:first-letter
{
font-size:30px;
font-weight:bold; 
color:#980000;
line-height:30px;
} 
span.mayus
{
font-size:22px; 
font-weight:bold; 
color:#333;
line-height:30px;
}




.mayuscula
{
font-size:30px;
font-weight:bold; 
color:#980000;
line-height:25px;
}
.mayuscula_resto
{
font-size:22px; font-weight:bold; color:#333;
}

.elegante
{
color:#666666; font-size:28px; line-height:29px;
}

.borderBottom
{
border-bottom:2px dotted #444;
padding:5px;
}

.borderRight
{
border-right:2px dotted #444;
padding:5px;
}

.rojo
{
color:#980000;
font-weight:bold;
}

.azul, a.azul
{
color:#0066cc;
font-weight:bold;
}

.bordient
{
border: #CCCCCC 1px solid;
background: url(/image/general/degradado-medio.jpg) repeat-x bottom left;
padding:10px;
}

.none
{
display:none;
}

.mitad
{
width:45%;
}

.uncuarto
{
width:24%;
}

.trescuartos{
width:70%;
}

p
{
text-align:justify;
}

.bold{
font-weight:bold;
}

.italic{
font-style:italic;
}

.inline{
display:inline;
}

table
{
border-collapse:collapse;
}
/* PAra los formularios*/
label.error {
color:#FF0000;
display:block;
width:100%;
}
label.formulario{
width:150px;
display:block;
float:left;
}

.mouse_hover:hover
{
cursor:pointer;
}

.strong
{
font-weight:bold;
}


#promo{
margin-left:-3px;
}

.ui-dialog-content p, .ui-dialog-content ul{
margin-top:20px;

}

/* Extranet */

#accesos
{
padding:5px 13px;
background:url(/image/general/acceso_rapido.png) top left no-repeat; 
width:238px; 
height:26px;
}

#accesos span:hover{
cursor:pointer;
}

#acceso_extranet
{
 color:#6f6f6f;
 background:url(/image/general/acceso_extranet.png) no-repeat top left; 
 width:506px; 
 height:260px;
 display:none; 
 position:absolute;
 margin-left:-530px;
 margin-top:-250px; 
 padding:50px 60px;
 font-weight:normal;
}

#acceso_extranet label , #acceso_extranet div , #acceso_extranet input
{
float:left;
}

#acceso_extranet label{
display: block;
width: 80px;
line-height:34px;
}

#acceso_extranet input
{
display: block;
width: 180px;
font-size:21px;
}



#acceso_extranet  input.boton_extranet{
background:url(/image/general/boton_acceder.png) no-repeat top left; 
width:118px;
height:70px;
display:block;
padding:20px 0px;
margin-top:11px;
margin-left:10px;
font-weight:bold;
font-size:18px;
color:#FFFFFF;
border:none;
line-height:18px;
}

#cerrar_extranet{
width:25px; 
height:25px; 
position:absolute; 
margin:0px 414px;
}

#cerrar_extranet_faq{
width:25px;
height:25px; 
position:absolute; 
margin:0px 328px; 
}

#extranet_faq{
padding:10px;
display:none; 
position:absolute; 
margin:-11px 450px;
width:364px; 
height:152px;  
background:url(/image/general/fondo_extranet_faq.png) no-repeat top left;
}

#extranet_faq_open{
width:25px; 
height:30px; 
position:absolute; 
margin:30px 413px;
}

/* */

.no_border
{
border:none;
}

#acceso_extranet #lang
{
background:none;
}

#interesa
{
background:url(/image/general/interes_fondo.png) no-repeat top left;
width:233px;
height:82px;
padding-top:50px;
}


#columna #blog li, #interesa li, #faqs li
{
list-style:url(/image/general/li_bullet.png);
margin-left:10px;
width:192px;
}

#interesa .titulo
{
display:none;
}

#configurar_box
{

background:url(/image/general/configurar_box.png) no-repeat top left;
color:#333333;
font-size:20px;
height:95px;
line-height:26px;
padding:41px 0 0 93px;
width:140px;

}

#mas_cdd{
background:url(/image/general/nav_fondo.png) 22px 0px no-repeat;
width:693px;
height:190px; 
}

#browsable{
width:618px;
height:190px;
overflow:hidden;
margin-left:53px;

}

.scrollable {
float:left;
overflow:hidden;
position:relative;

}

.scrollable .items {

width:650px;
clear:both;
position:absolute;
width:20000em;

margin-top:14px;
}

.scrollable .items div {
display:inline;
float:left;
}

.scrollable .items div div {
display:block;
width:250px;
height: 100pxpx;
}

.navi { 
    margin-left:328px; 
    width:200px; 
    height:20px; 
	padding-top:26px;
} 

.nav_left{
width:15px;
height:28px;
background:url(/image/general/nav_left.png) top left no-repeat; 
}

.nav_right{
width:15px;
height:28px;
background:url(/image/general/nav_right.png) top left no-repeat; 
}
 
 
/* items inside navigator */ 
.navi a { 
    width:19px; 
    height:19px; 
    float:left; 
    margin:3px; 
    background:url(/image/general/nav_dot.png) top left no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
     background:url(/image/general/nav_dot_full.png) top left no-repeat; 
} 
 
/* active state (current page state) */ 
.navi a.active { 
        background:url(/image/general/nav_dot_full.png) top left no-repeat; 
}