@charset "utf-8";
* {
margin : 0;
padding : 0;
}
body {
background-color : #fff;
background-image : url(../imagenes/bg.jpg);
background-repeat : repeat-x;
margin : 0;
padding : 0;
}
body, td, th {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
color : #333;
}
p {
line-height:18px;
}
.contenedor {
width : 945px;
position : relative;
margin : 0 auto;
}
#header {
background-image : url(../imagenes/banner-2.jpg);
width : 945px;
height : 135px;
background-repeat : no-repeat;
margin-top : 0;
padding-top : 0;
}
#contenido {
position : absolute;
display : block;
top : 190px;
left : 0;
margin-bottom : 20px;
}
.izq {
float : left;
margin-left : 2px;
position : relative;
width : 714px;
}
.der {
float : right;
position : relative;
width : 227px;
}
#testimonio {
position : absolute;
top : 945px;
left : 0;
display : block;
width : 945px;
height : 153px;
background-image : url(../imagenes/testimonio.gif);
background-repeat : no-repeat;
margin-bottom : 20px;
padding-top : 32px;
padding-left : 80px;
padding-right : 80px;
}
#testimonio p.texto-testimonio {
margin-top : 5px;
width : 790px;
color : #fff;
font-family : Georgia, "Times New Roman", Times, serif;
font-size : 25px;
display : block;
margin-bottom : 20px;
}
#testimonio p.autor {
display : inline;
margin-top : 45px;
color : #fff;
font-family : Arial, Helvetica, sans-serif;
padding-left : 0;
font-size : 14px;
}
#testimonio p.link {
display : inline;
margin-top : 45px;
color : #fff;
font-family : Arial, Helvetica, sans-serif;
padding-left : 280px;
font-size : 14px;
}
#frase {
position : absolute;
top : 590px;
left : 0;
display : block;
width : 945px;
height : 45px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #143658;
}
#hosting {
position : absolute;
top : 1285px;
left : 0;
display : block;
width : 940px;
height : 232px;
}
#conclusion {
position : absolute;
top : 989px;
left : 2px;
display : block;
width : 945px;
height : 45px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #143658;
}
#clientes {
position : absolute;
top : 1045px;
left : 0;
display : block;
width : 940px;
height : 87px;
}
ul#menu {
width : 945px;
position : relative;
display : inline;
left : 0;
top : 0;
text-align : left;
margin : 0;
padding : 0;
}
ul#menu li {
display : inline;
margin-left : 45px;
}
ul#menu li a {
text-decoration : none;
color : #878888;
font-family : Georgia, Times New Roman, Times, serif;
font-size : 14px;
}
#menu img {
text-decoration : none;
padding-left : 0;
padding-top : 0;
border-style : none;
}
ul#topnav {
position : relative;
float : left;
list-style : none;
margin-top : 100px;
z-index : 10000;
padding : 0;
}
ul#topnav li {
display : inline;
margin-left : 41px;
float : left;
position : relative;
padding : 0;
}
ul#topnav li .sub {
position : absolute;
top : 28px;
left : 0;
z-index : 99999;
background : #2d76bc url(../imagenes/subbg.png) repeat-x;
float : left;
display : none;
padding : 20px;
}
ul#topnav li .row {
clear : both;
float : left;
width : 100%;
margin-left : 5px;
margin-bottom : 10px;
}
ul#topnav li .sub ul {
list-style : none;
width : 250px;
float : left;
margin : 0;
padding : 0;
}
ul#topnav .sub ul li {
width : 100%;
color : #fff;
margin-left : 10px;
}
ul#topnav .sub ul li h2 {
font-size : 1.1em;
font-weight : 400;
margin : 0;
padding : 0;
}
ul#topnav .sub ul li h2 a {
background-image : none;
color : #ddd;
margin-bottom : 8px;
padding : 0;
}
ul#topnav .sub ul li a {
float : none;
text-indent : 0;
height : auto;
background : url(../imagenes/list_arrow.png) no-repeat 5px 12px;
display : block;
text-decoration : none;
color : #fff;
padding : 7px 5px 7px 15px;
}
ul#topnav .sub ul li a:hover {
color : #fff;
background-position : 5px 12px;
text-decoration : underline;
}
#planes {
position : absolute;
top : 375px;
left : 0;
display : block;
width : 945px;
height : 300px;
}
#planes .fila {
position : absolute;
top : 280px;
left : 0;
display : block;
width : 945px;
height : 150px;
}
#planes .fila2 {
position : absolute;
top : 430px;
left : 0;
display : block;
width : 945px;
height : 150px;
}
#planes .columna1 {
position : relative;
float : left;
width : 235px;
border-right : 1px solid #e7e7e7;
height : 150px;
}
#planes .columna2 {
float : left;
position : relative;
border-right : 1px solid #e7e7e7;
width : 235px;
height : 150px;
}
#planes .columna3 {
position : relative;
float : left;
border-right : 1px solid #e7e7e7;
width : 235px;
height : 150px;
}
#planes .columna4 {
float : left;
position : relative;
width : 235px;
height : 150px;
}
#planes .columnad {
float : left;
position : relative;
border-top : 1px solid #e7e7e7;
width : 235px;
height : 150px;
}
#planes p.foto {
position : absolute;
top : 1px;
left : 13px;
margin : 0;
padding : 0;
}
#planes span.titulo {
position : absolute;
top : 24px;
left : 109px;
width : 100px;
color : #4182c1;
text-decoration : none;
font-size : 13px;
font-weight : 700;
margin : 0;
padding : 0;
}
#planes span.titulo a {
color : #333;
font-weight : 700;
text-decoration : none;
}
#planes p.texto {
font-size : 11px;
margin : 0;
padding : 90px 15px 0 14px;
}
#menucontacto {
list-style : none;
color : #fff;
line-height : 45px;
display : inline-block;
float : left;
z-index : 2000;
margin : 0;
padding : 0;
}
#menucontacto a {
color : #fff;
text-decoration : none;
}
#menucontacto > li {
background : #000 none repeat scroll 0% 0%;
cursor : pointer;
float : left;
position : relative;
padding : 0 20px;
}
#menucontacto > li a:hover {
color : red;
border : 0;
}
#menucontacto .logo {
background : transparent none repeat scroll 0% 0%;
background-color : transparent;
padding : 0;
}
#menucontacto ul {
display : inline;
margin : 0;
padding : 0;
}
#menucontacto li ul {
position : absolute;
left : -10px;
top : 0;
margin-top : 45px;
width : 150px;
line-height : 16px;
background-color : #172322;
color : #0395cc;
display : none;
}
#menucontacto li:hover ul {
display : block;
}
#menucontacto li ul li {
display : block;
border-top : 1px dotted #606060;
list-style-type : none;
margin : 5px 20px;
padding : 5px 0;
}
#menucontacto li ul li:first-child {
border-top : none;
}
#menucontacto li ul li a {
display : block;
color : #0395cc;
border : 0;
}
#menucontacto li ul li a:hover {
color : #7fcdfe;
border : 0;
}
#menucontacto #main {
left : 0;
top : -20px;
padding-top : 5px;
background-color : #1575d0;
color : #fff;
z-index : 998;
}
.searchContainer div {
background-color : #fff;
display : inline;
padding : 5px;
}
.searchContainer input[type="text"] {
border : none;
}
.searchContainer img {
vertical-align : middle;
border : 0;
}
#menucontacto .corner_inset_left {
position : absolute;
top : 0;
left : -12px;
}
#menucontacto .corner_inset_right {
position : absolute;
top : 0;
left : 150px;
}
#menucontacto .last {
background : transparent none repeat scroll 0% 0%;
position : relative;
border : none;
height : 0;
margin : 0;
padding : 0;
}
#menucontacto .corner_left {
position : absolute;
left : 0;
top : 0;
}
#menucontacto .corner_right {
position : absolute;
left : 132px;
top : 0;
}
#menucontacto .middle {
position : absolute;
left : 18px;
height : 20px;
width : 115px;
top : 0;
}
.menu1 {
margin-top : 5px;
display : inline;
float : left;
}
.menu2 {
display : inline;
float : right;
margin-right : 30px;
}
#menu li a img {
vertical-align : middle;
border-style : none;
}
#menufooter {
position : absolute;
margin-top : 9px;
z-index : 400;
}
ul#menufooter li {
display : inline;
margin-left : 38px;
z-index : 401;
}
ul#menufooter li a {
text-decoration : none;
color : #fff;
font-family : Georgia, Times New Roman, Times, serif;
font-size : 14px;
z-index : 402;
}
ul#menufooter li a.active, ul#menuprincipal li a:hover {
text-decoration : underline;
z-index : 403;
}
#mapa {
position : absolute;
width : 945px;
height : 140px;
color : #fff;
font-size : 12px;
z-index : 309;
}
.cuadro {
position : absolute;
top : 1005px;
display : block;
width : 945px;
height : 140px;
z-index : 301;
left : 1px;
}
#mapa div #listado .col ul {
margin-left : 10px;
z-index : 302;
}
#mapa div #listado li {
display : block;
line-height : 22px;
z-index : 303;
}
#mapa div #listado p {
font-family : Georgia, "Times New Roman", Times, serif;
border-bottom : 1px solid #163e62;
font-weight : 700;
line-height : 14px;
margin-bottom : 5px;
margin-top : 5px;
padding-bottom : 0.5em;
text-transform : uppercase;
z-index : 304;
}
#mapa div {
margin-top : 20px;
z-index : 305;
}
#mapa div #listado .col {
font-family : Georgia, "Times New Roman", Times, serif;
float : left;
margin-top : 0;
width : 210px;
margin-left : 25px;
z-index : 306;
}
#mapa div #listado a {
font-size : 12px;
z-index : 307;
}
#mapa div #listado a:hover {
text-decoration : underline;
z-index : 308;
}
#mapa a {
color : #fff;
font-size : 12px;
text-decoration : none;
z-index : 310;
}
#cuadro #a {
display : none;
float : none;
z-index : 311;
}
#footer {
position : absolute;
top : 1140px;
width : 100%;
height : 172px;
background-image : url(../imagenes/footer.jpg);
background-repeat : repeat-x;
left : 0;
}
#footer1 {
position : absolute;
top : 1215px;
width : 100%;
height : 100px;
background-repeat : repeat-x;
margin-top : 0;
padding-top : 0;
left : 3px;
}
#footer1 p {
position : relative;
float : left;
margin-left : 25px;
}
#footer1 img {
position : relative;
background-repeat : repeat-x;
margin-top : 0;
padding-top : 0;
float : right;
}
#menupr {
position : absolute;
left : 10px;
top : 45px;
text-align : left;
border : 0;
width : 945px;
height : 135px;
margin : 0;
padding : 0;
}
#banner {
height : auto;
width : 945px;
margin : 50px auto 15px;
}
#contenedorsec {
height : auto;
padding-top : 15px;
width : 945px;
margin : 0 auto 20px;
}
#columna1 {
color : #333;
float : left;
height : auto;
margin-right : 5px;
margin-left : 10px;
width : 240px;
margin-bottom : 40px;
}
#columna2 {
border-left : 2px solid #ddd;
float : right;
height : auto;
width : 658px;
margin-bottom : 40px;
padding-left : 25px;
}
#columna1 h1 {
border-bottom : 5px solid #ddd;
font-size : 1.7em;
margin-right : 17px;
padding-bottom : 9px;
padding-left : 9px;
}
#columna1 h1 a {
color : #333;
}
#columna1 h1 a:hover {
text-decoration : none;
background : #333;
color : #fff;
}
#columna1 ul {
list-style-type : none;
margin-top : 20px;
padding-left : 8px;
}
#columna1 li {
margin-top : 15px;
}
#columna1 a {
color : #18426a;
text-decoration : none;
font-weight : 700;
}
#columna1 a:hover {
font-weight : 700;
text-decoration : none;
background : #18426a;
color : #fff;
}
#columna2 p {
margin-top : 20px;
margin-bottom : 15px;
line-height: 24px;
}
#footersec {
background : url("../imagenes/footer.jpg") repeat-x scroll left top;
clear : both;
color : #fff;
min-height : 200px;
text-align : center;
z-index : 2;
margin : 10px 0 0;
padding : 10px 10px 4px;
}
#footsec {
background : transparent none repeat scroll 0% 0%;
text-align : left;
width : 945px;
margin : 0 auto;
}
#footlayout {
clear : both;
display : block;
width : 945px;
margin : 20px 0 0;
padding : 0;
}
ul#menufootersec li {
display : inline;
margin-left : 38px;
}
#mapasec {
position : absolute;
width : 945px;
height : 140px;
color : #fff;
font-size : 12px;
}
#mapasec div #listado .col ul {
margin-left : 10px;
}
#mapasec div #listado li {
display : block;
line-height : 28px;
}
#mapasec div #listado p {
font-family : Georgia, "Times New Roman", Times, serif;
border-bottom : 1px solid #163e62;
font-weight : 700;
line-height : 14px;
margin-bottom : 5px;
margin-top : 5px;
padding-bottom : 0.5em;
text-transform : uppercase;
}
#mapasec div {
margin-top : 0;
}
#mapasec div #listado .col {
font-family : Georgia, "Times New Roman", Times, serif;
float : left;
margin-top : 0;
width : 210px;
margin-left : 25px;
}
#mapasec div #listado a {
font-size : 12px;
}
#mapasec a {
color : #fff;
font-size : 12px;
text-decoration : none;
}
.cuadrosec {
display : block;
width : 945px;
height : 140px;
}
.imgcol {
margin-top : 25px;
}
.input {
color : #4e4e4e;
border : 1px solid #cecece;
font-family : Tahoma, Arial;
font-size : 10px;
width : 268px;
font-weight : 400;
background-color : #fff;
}
.bordeformulario {
border : 20px solid #ddd;
width : 602px;
padding : 10px;
}
.bordeformulario2 {
border : 20px solid #ddd;
width : 840px;
min-height : 345px;
padding : 10px 10px 10px 0;
}
.enviar, .enviar1, .enviar11 {
color : #111;
border : 1px solid #cecece;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
width : 95px;
height : 30px;
font-weight : 700;
background-color : #fff;
margin : 10px 8px 10px 497px;
}
.enviar2 {
color : #111;
border : 1px solid #cecece;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
width : 268px;
font-weight : 700;
background-color : #fff;
margin : 8px 0 0;
}
.input1 {
color : #4e4e4e;
border : 1px solid #cecece;
font-size : 12px;
width : 450px;
font-weight : 400;
background-color : #fff;
margin-left : 30px;
padding-left : 5px;
margin-bottom : 10px;
height : 22px;
margin-top : 10px;
}
.input2 {
color : #4e4e4e;
border : 1px solid #cecece;
font-size : 12px;
width : 450px;
font-weight : 400;
background-color : #fff;
margin-left : 98px;
margin-bottom : 10px;
height : 22px;
padding-left : 5px;
}
.input3 {
color : #4e4e4e;
border : 1px solid #cecece;
font-size : 12px;
width : 450px;
font-weight : 400;
background-color : #fff;
margin-left : 80px;
margin-bottom : 10px;
height : 22px;
padding-left : 5px;
}
.input4 {
color : #4e4e4e;
border : 1px solid #cecece;
font-size : 12px;
width : 450px;
font-weight : 400;
background-color : #fff;
margin-left : 89px;
margin-bottom : 10px;
height : 22px;
padding-left : 5px;
}
.input5 {
float : right;
color : #4e4e4e;
border : 1px solid #cecece;
font-family : Tahoma, Arial;
width : 450px;
font-weight : 400;
background-color : #fff;
margin-right : 5px;
margin-bottom : 10px;
font-size : 14px;
padding-left : 5px;
padding-top : 5px;
}
.img2 {
margin-top : 10px;
}
.lista {
list-style-type : none;
margin-top : 20px;
padding-left : 8px;
margin-bottom : 30px;
}
.lista li {
list-style-type : none;
margin-top : 10px;
margin-bottom : 10px;
font-weight : 700;
background : url(../images/check.png) no-repeat left center;
padding-left : 25px;
}
.pasos {
clear : both;
display : block;
position : relative;
margin : 0 0 25px;
padding : 10px 5px 0 10px;
}
.pasos li {
list-style-type : none;
margin-bottom : 10px;
}
.pasos h2 {
margin-bottom : 10px;
}
.imgpasos {
left : 5px;
position : absolute;
top : 5px;
z-index : 2;
width : 30px;
margin : 5px;
}
.pasos ul {
margin-left : 10em;
margin-top : 1.4em;
}
.imgcorp {
margin-top : 1em;
margin-bottom : 2em;
}
#acordion {
width : 660px;
list-style-type : none;
background-color : #fff;
color : #000;
line-height : 120%;
height : 210px;
margin : 0;
padding : 0;
}
#acordion a {
display : block;
font-weight : 400;
text-decoration : none;
}
#acordion ul {
overflow : hidden;
background-color : #dfdfdf;
margin : 10px 0 0;
padding : 0;
}
#acordion li {
list-style-type : none;
background-color : #dfdfdf;
margin : 0;
padding : 0;
}
#acordion li a {
width : 645px;
display : block;
color : #000;
background-image : url(../images/off.jpg);
height : 22px;
padding : 7px 0 0 15px;
}
#acordion li a.closed {
color : #333 !important ;
font-weight : 700;
background-image : url(../images/on.jpg) !important ;
}
#acordion li li {
border-left : 1px solid #e5e5e5;
border-right : 1px solid #e5e5e5;
height : 80px;
background-color : #dfdfdf;
padding : 0 15px;
}
#acordion li a.opened {
background-image : url(../images/off.jpg);
color : #fff;
font-weight : 700;
}
#acordion li.firstitem a.opened {
background-image : url(../images/off.jpg);
color : #fff;
}

#acordion li.lastitem li {
margin-bottom : -4px;
}
#acordion li.lastitem ul {
background-image : url(../images/last-item);
background-repeat : no-repeat;
background-position : bottom;
padding-bottom : 4px;
}
a.selected:visited {
color : #fff !important ;
font-weight : 700;
text-decoration : none;
background : #103558;
}
a.selected:hover {
color : #103558 !important ;
text-decoration : none;
font-weight : 700;
background : #fff !important ;
}
.line {
border-top : 1px solid #ddd;
border-bottom : 1px solid #ddd;
padding-top : 7px;
padding-bottom : 7px;
}
.numero {
font-size : 2em;
margin-right : 20px;
margin-top : 30px;
margin-bottom : 10px;
padding-bottom : 5px;
color : #18426a;
font-weight : 400;
letter-spacing : -1px;
}
#columna3 {
float : right;
height : auto;
width : 900px;
padding-left : 25px;
}
.rmargin {
margin-right : 10px;
}
#formizq {
float : left;
height : auto;
width : 602px;
margin-bottom : 40px;
padding-left : 15px;
}
#formder {
float : right;
height : auto;
width : 188px;
padding-left : 22px;
border-left : 2px solid #ddd;
min-height : 345px;
}
.focusField {
border : 1px solid #73a6ff;
background : #eff5ff;
color : #000;
}
.idleField {
background : #eee;
color : #6f6f6f;
border : 1px solid #cecece;
}
.contacto {
font-size : 2.2em;
margin-top : 15px;
margin-bottom : 20px;
padding-bottom : 15px;
color : #18426a;
font-weight : 700;
letter-spacing : -1px;
border-bottom : 10px solid #ddd;
}
.datoscontacto {
font-size : 1.2em;
margin-top : 20px;
color : #18426a;
font-weight : 700;
padding-bottom : 10px;
letter-spacing : -1px;
}
.correo {
border-bottom : #ccc;
border-bottom-width : 1px;
border-bottom-style : solid;
}
a:link, a:visited, a:active {
text-decoration : none;
}
a:hover, ul#menu li a.active, ul#menu li a:hover, ul#menuprincipal li a.active, ul#menuprincipal li a:hover, ul#topnav li:hover a, ul#topnav li a:hover, ul#menufootersec li a.active, ul#menuprincipalsec li a:hover, #mapasec div #listado a:hover {
text-decoration : underline;
}
#frase p.texto-frase, #conclusion p.texto-frase {
width : 945px;
color : #143658;
font-family : Arial, Helvetica, sans-serif;
text-align : center;
font-weight : 700;
font-size : 24px;
display : block;
margin-bottom : 20px;
}
ul#topnav li a, ul#menufootersec li a {
text-decoration : none;
color : #fff;
font-family : Georgia, Times New Roman, Times, serif;
font-size : 14px;
}
#planes .columnaa, #planes .columnab, #planes .columnac {
float : left;
position : relative;
border-top : 1px solid #e7e7e7;
border-right : 1px solid #e7e7e7;
width : 235px;
height : 150px;
}
#columna2 h1, #columna3 h1 {
font-size : 2.2em;
border-bottom : 5px solid #ddd;
font-weight : 400;
letter-spacing : -1px;
line-height : 100%;
width : 100%;
margin : 0 0 15px;
padding : 0 0 8px;
}
#columna2 h3, #columna2 h4, #columna3 h3, #columna3 h4 {
font-size : 1.8em;
margin-right : 17px;
margin-top : 30px;
margin-bottom : 10px;
padding-bottom : 5px;
color : #18426a;
font-weight : 400;
letter-spacing : -1px;
}
#acordion li.firstitem a.closed, #acordion li.lastitem a.closed {
color : #333 !important ;
background-image : url(../images/on.jpg) !important ;
}
a.selected:link, a.selected:active {
font-weight : 700;
text-decoration : none;
background : #103558;
color : #fff !important ;
}
a.white:link, a.white:active {
text-decoration : none;
color : #fff !important ;
}
a.white:visited, a.white:hover {
color : #fff !important ;
text-decoration : none;
}