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


#calculadora
{
display:block;
position:absolute;
top:255px;
background:#fff;
margin:0;
padding:0px;
width:520px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#555;
}

.opcion
{
margin:20px 0px 20px 25px;
padding:10px;
color:#666;
border: 1px #cccccc solid;
background:#FFFFFF url(/image/general/degradado.jpg) repeat-x bottom;

}


#resum
{
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color:#555;
display:block;
position:fixed; 
top:220px; 
width:210px;	
margin:0px 0px 0px 515px;
z-index:20;

}

#img_move:hover
{
cursor:move;
}

* html #resum {position:absolute;}

.resumFons
{
background:#FFFFFF url(/image/servidores-dedicados/servidores_piezas.png) no-repeat top right;
margin-bottom:10px;
padding:5px;
 border:#ddd 2px solid;
}

.explicacion
{
background:url(/image/general/info_redondo.gif) no-repeat left;
margin-left:55px;
padding-left:40px;

}

.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;
}

.green{
color:#00BB00;
font-weight:bold;
font-size:18px;
}

#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;
}