@charset "utf-8";
/* CSS Document */

#columna{
width:210px;
}

#calculadora
{
display:block;
position:absolute;
top:285px;
background:#fff;
margin-top:20px;
padding:0px;
width:520px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
}

div.info2{
display:inline;
width:13px;
margin:0px;
z-index:5000;
}

.info2 div.all{
display:none;
}

.info2:hover div.all{
display:block;
position:absolute;
}

.info2 div.up{
display:block;
background: url(/image/general/info_fondo_up.png)no-repeat top left;
width:421px;
height:70px;
position:absolute;
z-index:15;
}
.info2 div.mid{
position:absolute;
margin-top:70px;
display:block;
background: url(/image/general/info_fondo_mid.png)repeat-y top left ;
border:none;
width:421px;
font-size:14px;
font-weight:normal;
z-index:15;
}

.info2 div.mid p{
margin-left:20px;
padding-left:20px;
padding-right:20px;
width:350px;
}

.info2 div.mid span{
display:block;
background: url(/image/general/info_fondo_down.png)no-repeat top left;
width:421px;
height:21px;
position:absolute;
z-index:15;

}


#ticket{
margin:5px;
}

#ticket #ticket_up{

width:233px;

height:218px;

background: url(/image/cloud-hosting/cloud_resum_header_big.png) no-repeat top left;

}

#ticket #ticket_mid{

width:233px;

background: url(/image/general/faq_fondo_mid.png) repeat-y top left;


}

#ticket #ticket_down{

width:233px;

height:22px;

background: url(/image/general/faq_fondo_down.png)  no-repeat top left;

}


.configurar_up
{
background: url(/image/cloud-hosting/configurar_up.png) no-repeat top left;
width:531px; 
height:18px; 
margin-left:-10px;
}

.configurar_mid
{
background: url(/image/cloud-hosting/configurar_mid.png) repeat-y top left;
width:531px; 
margin-left:-10px;
padding-left:15px;
padding-right:20px;
}

.configurar_mid h2{
font-size:28px;
}
.configurar_mid p{
width:475px;
font-size:15px;
background:url(/image/general/li_bullet.png) no-repeat top left;
padding-left:20px;
margin-top:10px;
}

.configurar_down
{
background: url(/image/cloud-hosting/configurar_down.png) no-repeat top left;
width:531px; 
height:19px; 
margin-left:-10px;
}


#totalTicket{
color:#FFFFFF;
display:block;
font-size:58px;
letter-spacing:7px;
line-height:62px;
text-align:right;
width:173px;
}

#totalTicket_dec{
color:#FFFFFF;
display:block;
font-size:22px;
letter-spacing:6px;
line-height:21px;
margin-bottom:0;
margin-left:51px;
margin-right:0;
margin-top:-58px;
text-align:right;
width:173px;
}


#ticket_caract span{
/*background: url(/image/general/li_bullet.png) top left no-repeat;*/
display:block;
width:205px;
margin-top:10px;
margin-left:10px;
font-size:15px;
color:#000;
font-weight:bold;
}



#ticket_caract span strong{

display:block;
float:left;
margin-right:5px;
font-size:15px;
color:#666;
}

a.boton_rojo{
display:block;
color:#FFFFFF;
font-weight:bold;
padding-left:32px;
font-size:15px;
background:transparent url(/image/home/contratar.png) no-repeat scroll left top;
width:111px;
height:25px;
padding-top:2px;
margin:5px 13px;
}

a.boton_rojo:hover{
background:transparent url(/image/home/contratar_gris.png) no-repeat scroll left top;
cursor:pointer;

}

a.boton_rojo input{
background:none;
border:none;
color:#FFFFFF;
padding-left:32px;
padding-top:2px;
margin-left:-32px;
margin-top:-2px;
font-weight:bold;
}

a.boton_rojo:hover input{
background:none;
border:none;
color:#980000;
font-weight:bold;
cursor:pointer;
}

span.caracteristica{
font-size:24px;
margin-bottom:15px;
line-height:20px;
}

div.caracteristica{
float:left;
margin-left:7px;
width:161px;
}

#ram,#core,#hdd{
width:141px;
margin-top:5px;
}

#backup , #trafico_adicional{
margin-top:5px;
margin-bottom:10px;
width:380px;

}



span.detalle{
font-size:14px;
}

span.total{
font-size:30px;
font-weight:bold;
}

span.total_unidad{
font-size:18px;
font-weight:bold;
}

.opcion
{
border-left:2px solid #AAAAAA;
color:#666666;
margin:20px 0 20px 88px;
padding-left:20px;

}


#resum
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#555;
display:block;
position:fixed; 
top:299px; 
width:210px;	
margin:0px 0px 0px 515px;
z-index:20;

}

#img_move:hover
{
cursor:move;
}

* html #resum {position:absolute;}

.ressumFons
{
background:#FFFFFF url(/image/servidores-dedicados/servidores_piezas.png) no-repeat top right;
margin-bottom:10px;
padding:5px;
 border:#ddd 2px solid;
}

.explicacion
{
margin-left:55px;
padding-left:7px;

}

.overTrans
{
  background-color: #000;
  border: 1px solid black;
  filter:alpha(opacity=85);
  opacity:0.7;
  -moz-opacity:0.7;
  z-index:10;
  color:#FFFFFF;
}

.overTrans span
{
position:relative;
top:30%;
left:15%;
font-weight:bold;
border:3px solid #fff;
padding:5px;

}

h3 ,h4 {
margin:0px;
padding:0px;
}

h3
{
font-weight:bold;
font-size:14px;
margin-bottom:5px;
}

.icomage
{
float:left;
margin-right:10px;
}

input
{
margin-right:10px;
}

.borderBottom
{
border-bottom:2px dotted #444;
padding-top:5px;
padding-bottom:5px;
}

.borderRight
{

border-right:2px dotted #444;
padding-left:5px;
padding-right:5px;

}
.icon
{
margin-left:7px;
margin-top:5px;
border:#333333 dotted 1px;
width:30px;
height:30px;
background:#FFFFFF;
}



/* INFO 2 */

div.info 
{
display:inline;
}

.info div
{
display:none;
}

.info:hover div
{
display:block;
position:absolute;

}
.info:hover div p
{
position:absolute;
width:300px;
padding:10px;
left:70px;
background:#FFFFFF url(/image/general/degradado-medio.jpg) repeat-x bottom;
border:#980000 solid 2px;
color:#000000;
z-index:100;
font-weight:normal;
font-size:12px;
}

.info img
{
	margin-left:5px;
	margin-right:5px;
}

.info div img
{
float:left;
z-index:15;
}

/* Fin INFO 2 */

.yuhuu{
}

.yuhuu div
{
display:none;}

.yuhuu:hover div
{
display:block;
position:absolute;
width:300px;
padding:10px;
background:#CCCCCC;
border:#666666 dotted 1px;
color:#000000;
}
.precio {
color:#00FF00;
}

#texto_servidor_avanzado, #texto_servidor_plus, #texto_servidor_basico
{
font-weight:bold;
}
.opciones
{
padding-left:20px;
}

.etiq_precio
{
position:absolute;
right:10px;
color:#006600;
}
#servidorOpcion .etiq_precio
{
position:relative;
}

.strong{
font-weight:bold;
}

.pointer:hover{
cursor:pointer;
}
