* {
margin:0;
padding:0;
}

body {
background-color:#FFF;
margin:0;
font-family:arial, 'trebuchet ms', verdana, sans-serif;
color:#444;
font-size:1em;
text-align:center;
}

h1 {
color:#FFF;
line-height:30px;
text-indent:-999em;
display:block;
}

p, ul, ol, table, h2, h3, h4, h5, h6, dd, dl {
margin-bottom:10px;
text-align:left;
}

p {
text-indent:20px;
}

dd {
text-indent:20px;
margin:0 0 0 20px;
padding-bottom:10px;
}

h2 {
font-size:2em;
font-weight:normal;
color:#067;
letter-spacing:-1px;
}

p, li, dd {
font-size:0.9em;
}

dt {
font-size:1.5em;
}

ol, ul {
margin-left:50px;
}

a               { color:#067; }
a:hover   { color:#09A; }
a:active { text-decoration:none; }

#cielo, #limitacion2 {
background:url('/servicio/img/cielo.jpg') center top no-repeat transparent;
}

#tierra, #limitacion1 {
background:url('/servicio/img/tierra.jpg') center bottom no-repeat transparent;
}

#limitacion1 {
width:770px;
margin:0 auto;
}

#menu {
width:770px;
margin:0 auto;
padding:0;
text-align:right;
}

#menu ul {
list-style-type:none;
width:438px;
margin:61px 0 0 auto;
padding:0;
}

#menu ul li {
display:inline;
}

#menu ul li a {
display:block;
width:136px;
float:left;
text-align:center;
margin:0;
line-height:19px;
padding:10px 5px;
background-color:#5699a4;
color:#FFF;
text-decoration:none;
font-weight:bold;
}

#menu ul li a:hover {
background-color:#FFF;
color:#000;
}

#menu ul li a.estas_aqui {
color:#000;
}


#menu ul li a#servicio {
background:url('/servicio/img/menu-sprite.jpg') left top no-repeat #5a9ca7;}
#menu ul li a#portafolio {
background:url('/servicio/img/menu-sprite.jpg') center top no-repeat #5a9ca7;}
#menu ul li a#contratar {
background:url('/servicio/img/menu-sprite.jpg') right top no-repeat #5a9ca7;}

#menu ul li a#servicio.estas_aqui, #menu ul li a#servicio:hover  {
background:url('/servicio/img/menu-sprite.jpg') left -40px no-repeat #FFF;}
#menu ul li a#portafolio.estas_aqui, #menu ul li a#portafolio:hover  {
background:url('/servicio/img/menu-sprite.jpg') center -40px no-repeat #FFF;}
#menu ul li a#contratar.estas_aqui, #menu ul li a#contratar:hover  {
background:url('/servicio/img/menu-sprite.jpg') right -40px no-repeat #FFF;}


#contenido {
clear:both;
width:710px;
padding:20px 30px 0;
margin:0 auto 0;
}

#pie {
text-align:right;
width:730px;
margin:0 auto 0;
padding:0 20px 40px;
color:#FFF;
background:url('/servicio/img/tierra.jpg') center bottom no-repeat #9a9b32;
}

#pie p {
text-align:right;
}

#pie a {
color:#FFF;
padding:0 5px;
}

#pie a:hover {
color:#6f8310;
background-color:#FFF;
text-decoration:none;
}

.left img {
float:left;
margin-right:15px;
margin-bottom:5px;
font-size:0.8em;
text-align:center;
}

.right img {
float:right;
padding-left:15px;
padding-bottom:5px;
font-size:0.8em;
text-align:center;
background-color:transparent;
}


#planes div {
width:205px;
margin:0 auto;
float:left;
border-right:1px solid #DDD;
background-color:#FFF;
margin:0 5px 5px;
padding:10px;
}

#planes ul {
margin-left:30px;
}

#planes h3, #planes h3 a {
font-weight:normal;
color:#2d9da1;
text-decoration:none;
}

#planes a:hover {
color:#4dBdC1;
}

#planes .precio, .precio {
color:#6f4545;
margin:0;
font-size:1.1em;
text-indent:0;
text-align:right;
font-style:italic;
}


.precio-plan {
color:#6f4545;
font-size:1.5em;
text-indent:0;
text-align:right;
}

.contratar-plan {
font-size:2em;
text-indent:0;

}

.contratar-plan a {
width:180px;
margin:0 0 0 auto;
display:block;
text-align:center;
text-decoration:none;
background:url('/servicio/img/fondo-contratar.png') center center no-repeat transparent;
}

#planes .noborder {
border-left:0;
border-right:0;
border-top:0;
border-bottom:0;
}

.si, ul.si li {
list-style-image:url('/servicio/img/tick.png');
}

.fecha {
list-style-type:none;
font-weight:bold;
}

.clear {
clear:both;
}

#moneda {
display:block;
text-align:right;
clear:both;
background:url('/servicio/img/fondomoneda.png') bottom right no-repeat;
line-height:22px;
padding:10px 15px;
margin:0 -30px 10px;
}

#moneda a {
font-weight:bold;
text-decoration:none;
}

#moneda a:hover {
text-decoration:underline;
}

#moneda a.seleccionado {
text-decoration:underline;
}


#presentacion {
background:url('/servicio/img/pc.png') right top no-repeat transparent;
height:229px;
width:680px;
}

#presentacion h2 {
color:#06768d;
font-size:4.5em;
text-align:left;
padding:0;
margin:0;
letter-spacing:-4px;
border:0;
}

#presentacion p {
font-size:0.9em;
padding:10px 240px 0 0;
font-style:italic;
}


ul#nav_planes {
list-style-type:none;
margin:0;
padding:0;
}

ul#nav_planes li {
display:inline;
}

ul#nav_planes li a {
display:block;
float:left;
width:315px;
padding:0 20px 10px;
}

ul#nav_planes li.next a {
text-align:right;
background:url('/servicio/img/adelante.png') right 5px no-repeat transparent;
}

ul#nav_planes li.prev a {
text-align:left;
background:url('/servicio/img/atras.png') left 5px no-repeat transparent;
}

#informacion {
font-size:0.85em;
height:150px;
overflow:auto;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
padding:5px 0;
margin-bottom:5px;
}

/* anterior */

ul li ul li ul li {
background-color:#EEE;
padding:10px 10px;
border-left:4px solid #444;
margin:0;
list-style-type:none;
width:530px;
}

ul li ul li ul {
margin-bottom:0;
}


#cotizacion table, #cotizacion table tr, #cotizacion table td {border:0;}

#cotizacion input, #cotizacion textarea {font-family:arial;}

table {
border:4px solid #444;
border-right:1px solid #CCC;
border-left:1px solid #CCC;
font-size:0.9em;
color:#444;
width:100%;
margin:0 0 10px;
}

th {
color:#000;
background-color:#EEE;
}

td, th {
padding:5px 20px;
vertical-align:top;
border-bottom:1px solid #EEEEEE;
}




tr:hover {
background-color:#EEE;
}

#error {
text-align:center;
text-indent:0;
background-color:#fffae0;
border-top:1px solid #ffd8a5;
border-bottom:1px solid #ffd8a5;
margin:10px 0;
padding:10px;
font-size:1em;
}

#error img {vertical-align:-17px;}


#exito {
text-align:center;
text-indent:0;
background-color:#f3fdff;
border-top:1px solid #a5c9ff;
border-bottom:1px solid #a5cdff;
margin:20px 0 10px 0;
padding:10px;
}

#exito p {
margin:0;
}

#enviar {font-size:1.2em;padding:5px 20px;margin:5px auto;}

#esquema {
list-style-type:none;
margin:0;
padding:0;
}

#esquema div {
display:block;
width:186px;
height:125px;
margin:0 auto 10px 0;
padding:10px 25px 10px;
float:left;
}

#esquema #parte1 {
background:url('1.png') #000 no-repeat top right;
}
#esquema #parte2 {
background:url('2.png') #000 no-repeat top left;
}
#esquema #parte3 {
background:url('3.png') #000 no-repeat top left;
}


#esquema a {
color:#067;
}

#esquema a:hover {
text-decoration:underline;
}

#esquema h2 {
border-bottom:0;
margin:0 0 5px;
padding:0;
}

#esquema h2 a {
color:#FFF;
display:block;
}

#esquema h2 a:hover {
text-decoration:none;
}

#esquema p {
padding-right:20px;
color:#AAA;
font-size:0.75em;
}


.precios div {
font-size:0.9em;
font-family:arial;
margin:10px;
padding:0 0 0 10px;
width:400px;
border-left:4px solid #444;
}
.precios p {
margin:0;
padding:0;
text-indent:0;
}

.red {
color:#C00;
}

input.red {
color:#000;
border-color:red;
}