@charset "utf-8";
/* CSS Document */
body{
background-color:#EBEBEB;
margin:0 ;
font-family:Arial, Helvetica, sans-serif;
}
#wrapper {
width:900px;
margin:0 auto;
height:1100px;
}
#header{
width:900px;
background:url(../imagenes/encabezado_superior.png) no-repeat;
margin:0 auto;
height:151px;
}
#logo {
background:url(../imagenes/LOGO.png) no-repeat;
width:300px;
height:90px;
position:relative;
top:20px;
left:-2px;
}
#botonera{
background-color: #000000;
width:900px;
height:45px;
position:relative;
TOP:-15PX;
}
#botonera UL{
list-style:none;
}
#botonera UL LI {
list-style:none;
float:left;
color:#666666;
position:relative;
top:16px;
padding-right:50px;
font-size:14PX;
}
#botonera UL LI a {
text-decoration:none;
color:#666666;
}
#botonera UL LI a:hover {
color:#FFFFFF;
}
#botonera .selected{
color:#FFFFFF;
}
#telTop{
font-size:32px;
color:#000000;
position:relative;
top:-90px;
float:right;
}
#telTopbott{
font-size:13px;
color:#b0b0b0;
position:relative;
top:-50px;
left:200px;
float:right;
}
#titulosSecciones{
position:relative;
left:25px;
top:20px;
}
#slide {
position:relative;
top:-16px;
width:900px;
height:333px;
}
#slide2 {
background-color:#FFFFFF;
width:900px;
height:1100px;
position:relative;
top:-30px;
}
#titulo {
position:relative;
top:100px;
left:40px;
}
.titulo {
font-size:15px;
color:#FFFFFF;
position:relative;
left:70px;
}
#divProductos{
background:url(../imagenes/fondoDiv.png) no-repeat;
width:225px;
height:230px;
position:relative;
top:-20px;
float:left;
}
img { border: none}
#preFoot{
background:#FFFFFF;
width:900px;
position:relative;
top:-20px;
height:330px;
clear:both;
}
#divisorPrefoot{
background:url(../imagenes/divisorPrefooter.jpg) no-repeat;
width:10px;
height:293px;
margin:0 auto;
position:absolute;
top:6px;
left: 439px;
}
#footer{
background-color:#FFFFFF;
width:900px;
height:50px;
position:relative;
top:-30px;
}
#listaProds { position:relative; left:7px;top:-10px}
#listaProds UL LI{
color:#666666;
list-style:square;
font-size:11px;
padding-top:5px;
}
.precio {
font-size:24px;
font-weight:bold;
position:relative;
top:-0px;
color:#FFFFFF;
}
#tituloNoticias{
font-size:22px;
font-weight:400;
position:relative;
left:20px;
top:20px;
}
#noticias {
overflow:hidden;
height:300px;
}
.floater {
float: left;
position:relative;
}
.float-r {
float: right;
}
.align-l {
text-align: left;
}
.align-r {
text-align: right;
}
.align-c {
text-align: center;
}
/* otros elementos */
.input_01 {
border:1px solid #CCCCCC;
}
.bloque, .bloque * {
display:block;
}
.enlinea, .enlinea * {
display: inline;
}
.almedio {
vertical-align:middle;
}
/* fijar alto */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.color1 {
color:#555555;
}
.color1-vps {
color: #333;
}
.color1-emm {
color: #333;
}
.color1 a {
color:#555555;
text-decoration:none;
}
.color1 a:hover {
color:#E1134F;
}
.color2 {
color:#dc211f;
}
.colorvps {
color:#174054;
}
.colorvps2 {
color:#333;
}
.color2 a {
color:#ff7e00;
text-decoration:none;
}
.color2 a:hover {
color:#555555;
}
.color3 {
color:#dc211f;
}
.color3 a {
color:#dc211f;
text-decoration:none;
}
.color3 a:hover {
color:#1bb4ff;
}
.color3b {
color:#1bb4ff;
}
.color3b a {
color:#1bb4ff;
text-decoration:none;
}
.color3b a:hover {
color:#079fe9;
}
.color4 {
color:#deff00;
}
.color4 a {
color:#deff00;
text-decoration:none;
}
.color4 a:hover {
color:#fff;
}
.color5 {
color:#fff;
}
.color5vps {
color:#333;
}
.color5vps2 {
color: #969696;
}
.color5 a {
color:#fff;
text-decoration:none;
}
.color5 a:hover {
color:#ffba00;
}
.color5b {
color:#fff;
}
.color5b a {
color:#fff;
text-decoration:none;
}
.color5b a:hover {
color:#fff;
}
.color6 {
color:#dc211f;
}
.color6 a {
color:#dc211f;
text-decoration:none;
}
.color6 a:hover {
color:#0ea6f1;
}
.color7-vps {
color:#174054;
text-decoration:none;
}
.color7 {
color:#ffcc00;
text-decoration:none;
}
.color7 a {
color:#ffcc00;
text-decoration:none;
}
.color7 a:hover {
color:#555555;
}
.color8 {
color:#1b9ed4;
text-decoration:none;
}
.color8 a {
color:#1b9ed4;
text-decoration:none;
}
.color8 a:hover {
color:#4c538a;
}
.color9 {
color:#efba00;
text-decoration:none;
}
.color9 a {
color:#efba00;
text-decoration:none;
}
.color9 a:hover {
color:#f8923b;
}
.color10 {
color:#ff6206;
text-decoration:none;
}
.color10 a {
color:#ff6206;
text-decoration:none;
}
.color10 a:hover {
color:#ff3434;
}
.color11 {
color:#9051a0;
text-decoration:none;
}
.color11 a {
color:#9051a0;
text-decoration:none;
}
.color11 a:hover {
color:#a66db4;
}
.color12 {
color:#999898;
text-decoration:none;
}
.color12 a {
color:#999898;
text-decoration:none;
}
.color12 a:hover {
color:#7f7f7f;
}
.color13 {
color:#575757;
text-decoration:none;
}
.color13 a {
color:#575757;
text-decoration:none;
}
.color13 a:hover {
color:#ed1967;
}
.color14 {
color:#000;
text-decoration:none;
}
.color14 a {
color:#000;
text-decoration:none;
}
.color14 a:hover {
color:#e22e24;
}
.color15 {
color:#e22e24;
text-decoration:none;
}
.color15 a {
color:#e22e24;
text-decoration:none;
}
.color15 a:hover {
color:#000;
}
.color16 {
color:#b8ae35;
}
.color16 a {
color:#b8ae35;
}
.color16 a:hover {
color:#9f9625;
}
.color17 {
color:#ed1967;
}
.color17 a {
color:#ed1967;
}
.color17 a:hover {
color:#c50c50;
}
.color1emm {
color:#536200;
}
.size0 {
font-size:7.5pt;
}
.size1 {
font-size:9.5pt;
}
.size1vps {
font-size:9.5pt;
color: #333;
}
.size1b {
font-size:8.5pt;
}
.size2 {
font-size:9.5pt;
}
.size3 {
font-size:11pt;
}
.size4 {
font-size:14pt;
}
.size5 {
font-size:18pt;
font-weight: bolder;
letter-spacing:-0.2px;
}
.size5v {
font-size:18pt;
font-weight:bold;
letter-spacing:1px;
color: #333;
}
.size5v2 {
font-size:18pt;
font-weight:bold;
letter-spacing:0.2px;
color: #05A9E7
}
.pad_10 {
padding:10px;
}
.padr_10 {
padding-right:10px;
}
.padr14 {
padding-right:14px;
}
.padl6 {
padding-left:6px;
}
.padl14 {
padding-left:14px;
}
.padl11 {
padding-left:11px;
}
.padr11 {
padding-right:11px;
}
.padt6 {
padding-top:6px;
}
.padt8 {
padding-top:8px;
}
.padb10 {
padding-bottom:10px;
color: #999;
}
.padb102 {
padding-bottom:10px;
color: #000;
}
.mart6 {
margin-top:6px;
}
.mart14 {
margin-top:14px;
}
.marl6 {
margin-left:6px;
}
.marb10 {
margin-bottom:10px;
}
.dhtmlgoodies_question { /* Styling question */
/* Start layout CSS */
color:#FFF;
font-size:0.9em;
/* End layout CSS */
overflow:hidden;
cursor:pointer;
}
.dhtmlgoodies_answer { /* Parent box of slide down content */
/* Start layout CSS */
/* End layout CSS */
height:0px;
overflow:hidden;
position:relative;
}
.dhtmlgoodies_answer_content { /* Content that is slided down */
padding:1px;
font-size:0.9em;
position:relative;
}
/**************************************
WEBHOSTING
***************************************/
.headtipo {
text-align:left;
}
.host-cont {
width:726px;
background-image:url(../imagenes/hostcont-bg.gif);
background-repeat:repeat-y;
float:left;
position:relative;
left:20px;
}
.host-cont-vps {
width:726px;
background-image:url(../imagenes/hostcont-bg-vps.gif);
background-position:top +0px;
background-repeat:repeat-y;
float:left;
position:relative;
}
.host-cont-top {
background-image: url(../imagenes/hostcont-top.gif);
background-repeat:no-repeat;
background-position:top;
width:726px;
}
.host-cont-top-vps {
background-image: url(../imagenes/hostcont-top-vps.gif);
background-repeat:no-repeat;
background-position:top;
width:726px;
}
.host-cont-bot {
background-image: url(../imagenes/hostcont-bot.gif);
background-repeat:no-repeat;
background-position:top;
height:31px;
width:726px;
}
.host-cont-bot-vps {
background-image: url(../imagenes/hostcont-bot-vps.gif);
background-repeat:no-repeat;
background-position:top;
height:31px;
width:726px;
}
.host-slidetop {
width:726px;
float:left;
position:relative;
}
a.rolltop { /* definition of the "image" class in the tag */
display: block; /* a tag must be a block */
width: 726px; /* width of reactive image */
height: 18px; /* height of reactive image */
background-image: url(../imagenes/slidertop1.gif); /* source for start image */
background-repeat: no-repeat;
padding-left:10px;
font-size:8.5pt;
font-weight:bold;
color:#FFFFFF;
padding-top:4px;
text-decoration: none;
}
a.rolltop:hover { /* definition of the "image" class for tag when hovered onto */
background-image: url(../imagenes/slidertop2.gif); /* source for target image */
}
.bg-slider-y {
background-image: url(../imagenes/bgslider-y.gif);
background-repeat: repeat-y;
background-position:top;
width:698px;
}
.bg-slider-y-vps {
background-image: url(../imagenes/bgslider-y2.gif);
background-repeat: repeat-y;
background-position:top;
width:698px;
}
.bg-slidertop {
background-image: url(../imagenes/bgslider-top.gif);
background-repeat:no-repeat;
background-position:top left;
height:27px;
width:684px;
color:#494949;
font-size:8.5pt;
font-weight:bold;
padding-left:14px;
padding-top:5px;
}
.borderbotvps {
border-bottom:1px solid #9b9b9b;
color: #333;
}
.borderbot1 {
border-bottom:1px solid #dedede;
}
.hostcont-desc {
width:712px;
float:left;
position:relative;
}
.sub-contenedor {
width:989px;
float:left;
background-image:url(../imagenes/bgy1.gif);
background-repeat:repeat-y;
}
.sub-contenedor2 {
width:989px;
float:left;
background-image:url(../img/bgy2.gif);
background-repeat:repeat-y;
}
/**************************************
COMPARATIVOS
***************************************/
.col-a-content2 {
width:726px;
padding-left:23px;
}
.headcomp-bg {
background-image:url(../imagenes/comp-top.gif);
background-repeat:no-repeat;
height:33px;
}
.comp-bg-y {
background-image:url(../imagenes/bg-comp-y.gif);
background-position:top;
background-repeat:repeat-y;
}
.comp-lineblue {
background-image:url(../imagenes/comp-linebluegb-x.gif);
background-repeat:repeat-x;
height:21px;
}
.bordercompright {
border-right:1px solid #d7d7d7;
}
.cierre-borde {
border-bottom:1px solid #c6c6c6;
}
.tituloNoticia{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#dc211f;
font-size:14px;
}
.tituloNoticia a{text-decoration:none;color:#E1134F }
.tituloNoticia a:hover { color:#666666;text-decoration:none}
.textoNoticia{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:11px;
}
.post-date{
height:45px;
position:relative;
left:22px;
color:#FFFFFF;
font-size:12px;
background: url(../imagenes/post.png) no-repeat;
}
.month{
position:relative;
left:10px;
color:#FFFFFF;
}
.day{
position:relative;
left:13px;
top:5px;
color:#FFFFFF;
}