

body{ padding: 0; margin: 0; left: 50%; font-family: Arial, Helvetica, sans-serif;  }
.bg1{background: #626262 url(../images/bk-web.jpg) top center repeat-x;  }
.bg2{background: #626262 url(../images/bk-web-interior.jpg) top center repeat-x; }

img{ border: none}

#cabecera{margin:auto; width:1000px; height:68px; padding:7px 0 0 0;}
*+html #cabecera{ padding:8px 0 0 0; height:69px}
#cabecera .logo{ float:left; margin: 0 30px 0 0; width:215px; background: #fff url(../images/logo.jpg) no-repeat}
#cabecera .banner{ float:left; margin: 0 50px 0 0; width:555px; height:70px; background: #e3e3e3; }
#cabecera .banner img{ border:2px solid #d7d5d5 }
#cabecera .help{ float:left; margin: 8px 0 0 10px; width:100px;}

#cabecera .campo{ background: #fff url(../images/bk-buscar.jpg) no-repeat; width:137px; height:23px; padding:8px 7px 0 30px; border:0; font-size:11px }

#area-banner{margin:auto; width:1000px; height:227px; background: #fff url(../images/bk-banner.jpg) no-repeat; padding:25px 0 0 0; overflow:hidden; }
*+html #area-banner{padding:41px 0 0 0; height:211px }

#menu{ width:719px; height:44px; margin:16px 0 8px 0;background:url(../images/bk-menu.jpg) repeat-x;}
#menu .seccion ul{ color:#003366;}
#menu .seccion li{ float:left;  font-size:11px; color:#FFF; padding: 11px 12px 0 8px; margin:0; list-style-type:none }
#menu .seccion  a{ text-decoration:none; font-size:11px; color:#ff6600; font-weight:bold; padding:10px 0 0 0; margin:0}
#menu .seccion a:hover { background:url(../images/hover-menu.jpg) center no-repeat; text-decoration:none; margin:0 }

#menu .pro { width:130px; height:30px; background:url(../images/bk-pro.jpg) no-repeat; padding:0; text-align:center }

#area-banner .banner-text{float:left; width:520px; height:144px; padding:0 20px 20px 20px; }
#area-banner .banner-text h4{ padding:0; margin:0; font-size:30px; color:#009865 }
#area-banner .banner-text ul{ padding:0; margin:2px 0 0 0 }
#area-banner .banner-text li{ padding:2px 0 1px 15px; margin:0; color:#009865;  font-size:16px; list-style-type:none; background:url(../images/list-banner.jpg) no-repeat left}

#area-banner .banner-text p{ padding:0; margin:0;  font-size:12px; color:#009865}
#area-banner .banner-text strong{ color:#f47900}

#area-banner .bt-despreocupar{  height:23px; width:162px; background:url(../images/bk-despreocupese.jpg) no-repeat; margin:10px 0  0 0; padding:8px 0 0 15px;  text-align:left; font-size:14px; color:#FFF}
#area-banner .bt-despreocupar a{ color:#FFF; text-decoration:none}
#area-banner .bt-despreocupar a:hover{ color:#333}

#area-banner .bt-partner{ float: right; height:50px; width:169px; margin:10px 0  0 0; padding:80px 12px 0 0;  text-align: left; }
#area-banner .bt-partner p{ font-size:11px; color:#333; margin:0; padding:0; font-weight:normal}
#area-banner .bt-partner p a{ color:#333; text-decoration:none;}
#area-banner .bt-partner p a:hover{ color:#333}

#area-banner .bt-partner h1{ padding:0; margin:0; font-size:24px }
#area-banner .bt-partner h1 a{ color:#249b6b; text-decoration:none; font-weight:bold; font-size:26px; padding:0; margin:0}
#area-banner .bt-partner h1 a:hover{ color:#333}

#area-info{ margin:auto; width:1000px; border-bottom:1px solid #FFF; padding:20px 0 26px 0; background-color:#e5e3e4;border-top:1px solid #fff; }
*+html #area-info{ padding:20px 0 17px 0;}

#area-info .normas{ float:left; width:228px; padding: 0 10px 0 10px; margin:0 }
#area-info .normas b{ color:#c10a0c}
#area-info .normas h2{ font-size:18px; font-weight:lighter; margin:0 0 6px 0; line-height:18px; color:#249b6b;}
#area-info .normas h3{ font-size:21px; font-weight:lighter; margin:0; color:#249b6b; line-height:18px; background:url(../images/stop.jpg) 74px 37px no-repeat}
#area-info .normas p{ font-size:11px; margin:3px 0 0 0; padding:0}

.list-home ul{ margin:0; padding:0  }
.list-home li{ margin:0; font-size:11px; color:#000;  padding:0 0 2px 10px; background:url(../images/list-home.jpg) no-repeat  0px 4px; list-style-type:none }
.list-home a{ color:#f37c06;}
.list-home a:hover{ text-decoration:none}

#area-servicios{ margin:auto; width:1000px; border-top:1px solid #d9d7d8;  padding:28px 0 15px 0; background:#FFF}
#area-servicios h2{ font-size:21px; color:#249b6b; margin:15px 0 0 0; background:url(../images/list-title.jpg)  no-repeat 475px 2px }
#area-servicios h3{ font-size:30px; color:#333; font-weight:lighter; margin:0; letter-spacing:-2px  }
#area-servicios p{ margin:0}
#area-servicios strong{ color:#f47900; font-weight:bold;  }
#area-servicios b{ color:#f47900; font-weight:normal; font-size:26px  }
#area-servicios .btnImagen { border: 4px solid #e5e3e4;}
#area-servicios .btnImagen:hover {border: 4px solid #c3c3c3;}
#area-servicios .servicios{ float:left; width:190px; height:177px; margin:10px 10px 0 0 }

#area-pie {margin:auto; padding:10px 0 10px 0; background: #626262; font-size:11px; color:#ccc; height: }
#area-pie p{ margin:0 0 3px 0}
#area-pie a{ color:#ccc;  text-decoration:none}
#area-pie a:hover{ text-decoration:underline}
#area-pie .pie{ width:961px; margin:auto}
#area-pie .opciones-pie{ float:left; width:650px;}
#area-pie .logos-pie{ float:right; width:224px;}
#area-pie .logos-pie img{ text-align:right}

/*----------INTERIOR-----------*/
.miga{ border-bottom:1px dotted #555; padding:0 0 3px 0; margin:0 0 20px 0; font-size:11px }
.miga a{ color:#f37900 }
.miga a:hover{ text-decoration:none }

#contenido{margin:auto; width:1000px; padding:40px 0 40px 0 }
#contenido p{ font-size:12px}
#contenido h1{ font-size:20px; margin:0; color:#009865; letter-spacing:-1px; padding:0 0 0 10px; font-weight:lighter; background:url(../images/list-title.jpg ) left no-repeat}
#contenido h1 b{ color:#f47900; font-weight:bold}

#contenido .frase{float:left; width:260px; margin:0 35px 0 0; color:#797979; }
#contenido .frase p{ text-align:right; font-size:16px; padding:2px 0 2px 0; margin:0; border-bottom:1px dotted #CCC}
#contenido .frase h2{ font-size:14px; color:#797979; text-align:right; font-style:oblique; font-weight:lighter}

#contenido .frase-partner{float:left; width:260px; margin:0 35px 0 0; color:#797979; }
#contenido .frase-partner p{ font-size:16px; padding:2px 0 2px 0; margin:0; border-bottom:1px dotted #CCC}
#contenido .frase-partner h2{ font-size:14px; color:#797979;font-style:oblique; font-weight:lighter}

#contenido .centro{float:left; width:420px; margin:0 15px 0 0 }
#contenido .centro p{color:#009865 }
#contenido .centro strong{ color:#f47900;}
#contenido .centro a{color:#f37900 }
#contenido .centro a:hover{ text-decoration:none }
#contenido .derecha{float:left; width:265px}
#contenido .centro-xl{float:left; width:696px; }
#contenido .centro-xl h2{ font: 16px Arial, Times, serif; color:#009966; }
#contenido .centro-xl h2 strong{  color:#f47900;  }
#contenido .centro-xl h3{ font: 19px Arial, Times, serif; color:#f47900; margin:10px 0 0 0; padding:4px; background-color:#f5f5f5; letter-spacing:-1px}
#contenido .centro-xl h4{ font: 20px Arial, Times, serif; color:#019966; margin:5px 0 0 0;  letter-spacing:-1px}
#contenido .centro-xl h4 b{ color:#f47900; margin:5px 0 0 0;}



#contenido .centro-xl li strong{  color:#f47900;  }
#contenido .centro-xl ul{ margin-top:5px;  }
#contenido .centro-xl li{ margin:0; font-size:12px; color:#249b86; padding:0 0 3px 10px; background:url(../images/list-basica.jpg) no-repeat  0px 4px; list-style-type:none }

.centro-xl table{ margin-bottom:10px}

#contenido .centro-xl p{color:#249b6b ;font-weight:normal;  }
#contenido .centro-xl p strong{ color: #f47900}
#contenido .video{margin:10px 0 10px 50px; width:460px} 
#contenido .detalles { border-top:1px dotted #555; border-bottom:1px dotted #555; padding:0; margin:0 }

.list-basica ul{ margin-top:5px;  }
.list-basica li{ margin:0; font-size:12px; color:#f47900; font-weight:bold;  padding:0 0 3px 10px; background:url(../images/list-basica.jpg) no-repeat  0px 4px; list-style-type:none }
.list-basica a{ color:#f47900;}
.list-basica a:hover{ text-decoration:none}
.list-basica p { margin:0; padding:0}

.list-basica2 ul{ margin-top:5px;  }
.list-basica2 li{ margin:0; font-size:12px; color:#f47900;  padding:0 0 3px 10px; background:url(../images/list-basica.jpg) no-repeat  0px 4px; list-style-type:none }

.list-basica3 ul{ margin-top:5px;  }
.list-basica3 li{ margin:0; font-size:12px; color:#009865;  padding:0 0 3px 10px; background:url(../images/list-basica.jpg) no-repeat  0px 4px; list-style-type:none }

.list-square ul{ margin-top:5px;  }
.list-square li{ margin:0; font-size:12px; color:#f47900; list-style:square }
.litext { color:#249b6b; }


.list-square2 ul{ margin:0 }

.list-square2 li{ color:#f47900; list-style:square; font-size:12px; margin:0 0 15px 0 }



.pdf ul , .contactar ul{ margin:0; padding:0}

.pdf li{background:url(../images/icon-pdf.jpg) no-repeat;  list-style:none; padding:0 0 0 20px; }
.contactar li{ background:url(../images/icon-info.jpg) 0 2px  no-repeat;  list-style:none; padding:0 0 0 20px;}

.pdf a , .contactar a { color:#333; text-decoration:none; font-size:12px; }


.campo  { border: 1px solid #c9c9c9; font-size:11px; color:#333; background: #fff url(../images/background-input.gif) no-repeat 0 0; padding:3px;}
.campo-comment  { border: 1px solid #c9c9c9; font-size:11px; color:#333; background: #fff url(../images/background-input.gif) no-repeat 0 0; width:480px; height:75px; padding:3px;}
.OK{ float:left; background: #fff url(../images/bk-ok.jpg) no-repeat; width:34px; height:26px; border:0; font-size:11px; color:#fff; margin: 3px 0 0 0 }

#contenido .formulario{background-color:#f7f6f3; padding:40px 80px 40px 80px; float:left; width:500px; margin:0 15px 0 0; font-size:11px }
#contenido .formulario p{margin:0; padding:0; font-size:11px; }
#contenido .formulario h5{ font-size:23px; margin:0 0 5px 0; color:#009865; letter-spacing:-1px;  font-weight:lighter;}
#contenido .formulario a{ color:#019966}
#contenido .formulario a:hover{ text-decoration:none}

#contenido .contacto{float:left; width:265px}
#contenido .contacto p{ margin:0 }


#contenido .contacto span{font: 30px Georgia, 'Times New Roman', Times, serif}

#contenido .contacto a{ color:#f47e0a; font-weight:bold; text-decoration:none}
#contenido .contacto a:hover{text-decoration:underline}

.volver-bt  a{ font-size:16px; color:#999; font-weight:bold; letter-spacing:-1px; text-decoration:none}
.volver-bt a:hover{ color:#F60}


.box-perdidas{width:637px; height:240px; background:url(../images/backup-perdidas.jpg) no-repeat; margin:10px 0 10px 0}
.box-perdidas span{ color:#000}
.box-perdidas h5{ margin:0; color:#b54492}
.box-texto{ width:280px; padding:170px 0 0 0}


.box-sencillo{width:637px; height:240px; background:url(../images/backup-manejo-sencillo.jpg) no-repeat; margin:10px 0 10px 0}
.box-texto-sencillo{ float:left; width:195px; padding:152px 0 0 0; margin:0 14px 0 0}
.box-sencillo span{ color:#000}
.box-sencillo h5{ margin:0; color:#b54492}
.border-img{ border:4px solid #d8d8d8; margin-bottom:8px }


/*----------EXTRAS-----------*/
.clear{height: 1px; clear: both; margin: 0; padding: 0; font-size: 1px; line-height: 1px}
.imagenIncrus {float: left; margin: 6px 15px 10px 0}
.imagenIncrus2 {float: right; margin: 0 15px 0 0}
.imagenIncrusBorder {float: left; margin: 6px 15px 10px 0; border:4px solid #d8d8d8}

.book a{ margin:0; color:#f47900 }
.book a:hover{ text-decoration:underline }

.partner{float:left; margin:0 10px 0 0; width:220px}