* {
  margin: 0px;
  padding: 0px;
}

body {
  color: #545454;
  font-size: 11px;
  font-family: Verdana, Tahoma, Arial;
  background-color: #e5e5e5;
  text-align: center;
}

li {
  text-align: left;
  list-style: url(../elements/imagenes/blue-bullet.png);
  margin-left: 15px;
}
/*Headers y Banners ------------------------------------------------------*/

#separadorSuperior {
  position: relative;
  width: 910px;
  height: 10px;
  margin-right: auto;
  margin-left: auto;
}

#header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #aabbcc;
  color: #fff;
  background-image: url(../elements/imagenes/header-miniSitio.png);
}

#header h1 {
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  top: 13px;
  left: 25px;
}

h3 {
  font-size: 16px;
  padding-bottom: 0px;
  padding-top: 0px;
}

h4 {
  font-size: 13px;
}

#baner {
  background-color: #abc;
  text-align: left;
  position: absolute;
  top: 0;
  left: 210px;
  width: 770px;
  height: 280px;
}
/*Separadores -------------------------------------------------------------*/

hr {
  height: 1px;
  border-top: 1px dotted #e5e5e5;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
}

.notaEspecial {
  font-size: 10px;
  font-family: arial;
  text-align: justify;
  position: relative;
  top: 10px;
  left: 0;
  width: 710px;
  height: auto;
  padding-bottom: 10px;
  border-top: 1px solid #a2501e;
}
/*menu-----------------------------------------------------------------------*/

#cajonIzquierdo {
  position: absolute;
  top: 0;
  left: 0;
  width: 210px;
  height: 600px;
}

#logoBox {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 140px;
}

#logoBox img {
  width: 75px;
  height: 90px;
  margin-top: 25px;
}

#menuBox {
  font-family: verdana, tahoma, arial;
  text-align: center;
  position: absolute;
  top: 141px;
  left: 0;
  width: 205px;
  height: 182px;
}

#menuBox a {
  color: #a0a0a0;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  width: 190px;
  height: 20px;
  padding-top: 5px;
  padding-left: 15px;
  border-bottom: 1px dotted #e5e5e5;
  display: block;
}

#menuBox a:hover {
  color: #8a591f;
  background-color: #fafafa;
}

#menuDemos {
  position: absolute;
  top: 300px;
  left: 0;
  width: 205px;
  height: 275px;
}

#tituloDemos {
  background-image: url(../elements/imagenes/demosHeading.png);
  background-repeat: no-repeat;
  width: 205px;
  height: 25px;
  border-bottom: 1px dotted #e5e5e5;
}

#menuDemos a {
  color: #8a591f;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
  display: block;
  padding-top: 5px;
  padding-left: 15px;
  width: 190px;
  height: 20px;
  border-bottom: 1px dotted #e5e5e5;
}

#menuDemos a:hover {
  color: #8a591f;
  background-color: #f0f0f0;
  width: 190px;
}
/*menu 3 --------------------------------------------------------------------*/

#paquetEmociones {
  background-image: url(../elements/imagenes/paquetesFondue.png);
  position: absolute;
  top: 85px;
  width: 380px;
  height: 79px;
}

#menuTres {
  color: #484848;
  text-align: center;
  position: absolute;
  top: 50px;
  left: 0;
  width: 375px;
  height: 16px;
  z-index: 10;
}

#menuTres a {
  color: #8f9085;
  font-weight: bold;
  text-decoration: none;
  float: left;
  padding-right: 8px;
  padding-left: 8px;
  cursor: pointer;
  display: block;
}

#menuTres a:hover {
  color: #97aecd;
}
/* -----------------------------------footer----------------------------------- */

#footer {
  position: relative;
  width: 980px;
  height: 23px;
  margin-right: auto;
  margin-left: auto;
}

#fotBarIzq {
  color: #fafafa;
  background-color: #abc;
  position: absolute;
  top: 5px;
  left: 0;
  width: 205px;
  height: 18px;
  cursor: default;
}

#fotBarCent {
  color: #fafafa;
  background-color: #abc;
  position: absolute;
  top: 5px;
  left: 210px;
  width: 555px;
  height: 18px;
  cursor: default;
}

#fotBarDer {
  color: #fafafa;
  background-color: #abc;
  position: absolute;
  top: 5px;
  left: 770px;
  width: 210px;
  height: 18px;
  cursor: default;
}

#fotBarDer a {
  color: #fff;
  text-decoration: none;
  float: left;
  display: block;
}
/* -----------------------------index Contenedor----------------------------- */

#cajonGeneralIndex {
  text-align: left;
  position: relative;
  width: 980px;
  height: 700px;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
}

#cajonIzquierdoIndex {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 700px;
}

#indexCont {
  background-color: #fff;
  position: relative;
  top: 285px;
  left: 210px;
  width: 770px;
  height: 415px;
}

#indexColIz {
  position: relative;
  text-align: justify;
  top: 8px;
  left: 10px;
  width: 375px;
  height: auto;
  float: left;
  z-index: 25;
}

#indexColIz h2 {
  font-size: 14px;
  padding-bottom: 10px;
}

#indexColIz h3, #paquetesIndex h3 {
  font-size: 14px;
}

#paquetesIndex {
  position: absolute;
  top: 10px;
  left: 400px;
  width: 360px;
  height: 343px;
  border-left: 1px dotted #cccccc;
  z-index: 25;
}

#paquetesIndex a {
  color: #abc;
  font-weight: bold;
}

.paqueteInSpan {
  text-align: justify;
  position: absolute;
  top: 40px;
  left: 5px;
  width: 159px;
}

#paqueteindex1 {
  position: absolute;
  top: 0;
  left: 10px;
  width: 169px;
  height: 163px;
  background-image: url(../elements/imagenes/Banners-MiniSite.png);
}

#paqueteindex2 {
  background-image: url(../elements/imagenes/Banners-Basico.png);
  position: absolute;
  top: 0;
  left: 190px;
  width: 169px;
  height: 163px;
}

#paqueteindex3 {
  background-image: url(../elements/imagenes/Banners-Empresarial1.png);
  position: absolute;
  top: 173px;
  left: 10px;
  width: 169px;
  height: 163px;
}

#paqueteindex4 {
  background-image: url(../elements/imagenes/Banners-Empresarial2.png);
  position: absolute;
  top: 173px;
  left: 190px;
  width: 169px;
  height: 163px;
}
/*Acerca de AUVI----------------------------------------------------------*/

#cajonGeneralSomos {
  text-align: left;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 980px;
  height: 870px;
}

#acercaCont {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 210px;
  width: 770px;
  height: 870px;
}

#cajonIzquierdoSomos {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 870px;
}

#somosBanner {
  position: absolute;
  top: 60px;
  left: 30px;
  border-bottom: #CCCCCC;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

#textoUno {
  position: absolute;
  left: 25px;
  top: 190px;
  width: 715px;
  height: 350px;
  text-align: justify;
}
/*Servicios ------------------------------------------------------------------*/

#cajonGeneralServi {
  text-align: left;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 980px;
  height: 720px;
}

#cajonIzquierdoServi {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 720px;
}

#serviCont {
  background-color: #fff;
  position: relative;
  top: 0;
  left: 210px;
  width: 770px;
  height: 720px;
}

#cajonGeneralServ {
  text-align: left;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 980px;
  height: 700px;
}

#serBloque1 {
  position: absolute;
  left: 0px;
  width: 257px;
}

#serBloque1,#serBloque2, #serBloque3 {
  top: 50px;
  height: 665px;
  border-top: 5px solid #e5e5e5;
}

#serBloque2 {
  position: absolute;
  left: 257px;
  width: 256px;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}

#serBloque3 {
  position: absolute;
  left: 514px;
  width: 256px;
}

.serviHeader {
  position: absolute;
  top: 0px;
  height: 30px;
  width: 100%;
  border-bottom: 1px #e5e5e5 solid;
}

.serviHeader img {
  position: absolute;
  left: 2px;
  top: 3px;
}

.serviTxt {
  position: absolute;
  top: 45px;
  left: 7px;
  width: 242px;
  text-align: justify;
}

.serviTxt a {
  text-decoration: none;
  font-weight: bold;
  color: #993300;
}

.serviTxt H4 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px dotted #e5e5e5;
  border-bottom: 1px dotted #e5e5e5;
}
/*paquetes------------------------------------------------------------------*/

#paquetesContenedor {
  position: relative;
  top: 55px;
  width: 770px;
  height: auto;
}

#paqueteInternet {
  text-align: justify;
  position: relative;
  left: 25px;
  width: 710px;
  height: 625px;
  float: left;
  padding-right: 10px;
}

#paqueteInternet2 {
  text-align: justify;
  padding-right: 10px;
  position: relative;
  left: 35px;
  width: 350px;
  height: 625px;
  float: left;
}

#paqueteInternet h4, #paqueteInternet2 h4 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 100%;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px dotted #e5e5e5;
  border-bottom: 1px dotted #e5e5e5;
}

#paqueteInternet a, #paqueteInternet2 a {
  color: #808080;
  font-weight: bold;
}

#ordenarBtn {
  color: #fafafa;
  font-size: 11px;
  font-weight: normal;
  background-color: #05a6de;
  background-image: url(../elements/botones/botonOrdenar.png);
  background-repeat: repeat-x;
  text-decoration: none;
  text-align: center;
  position: relative;
  top: -12px;
  width: 100px;
  height: 15px;
  float: right;
  padding-right: 5px;
  padding-left: 5px;
}

#ordenarBtn a {
  color: #fafafa;
  font-weight: normal;
  text-decoration: none;
  display: block;
}

.imagenWeb {
  position: absolute;
  top: 0;
  left: 310px;
}

#paqueteVideo {
  text-align: justify;
  position: absolute;
  top: 0;
  left: 425px;
  width: 332px;
}

#paqueteVideo h4 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
  height: auto;
  border-top: 1px dotted #e5e5e5;
  border-bottom: 1px dotted #e5e5e5;
}

#serviciosAdicionales {
  position: absolute;
  top: 690px;
  left: 25px;
  width: 710px;
}

#serviciosAdicionales h4 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  position: relative;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 5px solid #abc;
  border-bottom: 3px solid #abc;
}

#serviciosAdicionales2 {
  position: absolute;
  top: 780px;
  left: 25px;
  width: 700px;
}

#serviciosAdicionales2 h4 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  left: 0;
  width: 100%;
  border-top: 5px solid #abc;
  border-bottom: 3px solid #abc;
}

#cajonGeneralWP2 {
  text-align: left;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 980px;
  height: 950px;
}

#cajonIzquierdoWP2 {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 950px;
}

#webPak2Cont {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 210px;
  width: 770px;
  height: 950px;
}

#miniSitePic1 {
  position: absolute;
  top: 200px;
  left: 550px;
}

#serviciosAdicionales3 {
  position: relative;
  top: 80px;
  left: 25px;
  width: 700px;
}

#serviciosAdicionales3 h4 {
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  left: 0;
  width: 100%;
  border-top: 5px solid #abc;
  border-bottom: 3px solid #abc;
}
/* --------------------------Forma de contacto----------------------------- */

#cajonGeneralContact {
  text-align: left;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  width: 980px;
  height: 540px;
}

#contactCont {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 210px;
  width: 770px;
  height: 540px;
}

#cajonIzquierdoContact {
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 540px;
}

#iContact {
  position: relative;
  left: 100px;
  top: 50px;
  width: 500px;
  height: 430px;
}

#contactaInfo {
  position: relative;
  left: 25px;
  width: 700px;
}

.nombreField, .correoField, .ciudadField, .mensajeField, .validacionField {
  font-family: Verdana;
  color: #666666;
  font-size: 11px;
  border: #BBD3E1 1px solid;
}

.nombreField, .correoField, .ciudadField {
  width: 250px;
  height: 14px;
}

.mensajeField {
  width: 500px;
  height: 180px;
}

.validacionField {
  height: 14px;
}

.sendime {
  border: #BBD3E1 1px solid;
  background-color: #FFFFFF;
  cursor: pointer;
}

.sendime:hover {
  background-color: #dddddd;
}
/* -------------------------- precios adicionales ------------------------*/

#cajonGeneralAdic {
  position: relative;
  text-align: left;
  margin-top: 0;
  margin-right: auto;
  margin-left: auto;
  width: 980px;
  height: auto;
}

#headerAdic {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background-color: #aabbcc;
  color: #fff;
  background-image: url(../elements/imagenes/header-miniSitio.png);
}

#headerAdic h1 {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
  top: 13px;
  left: 25px;
}

#cajonIzquierdoAdic {
  position: absolute;
  top: 0;
  left: 0;
  width: 205px;
  height: 1513px;
  background-color: #ffffff;
}

#adicCont {
  position: relative;
  top: 0;
  left: 210px;
  width: 770px;
  height: auto;
  background-color: #fff;
  text-align: left;
}

#adicInfo {
  width: 740px;
  height: 1500px;
  position: relative;
  top: 50px;
  left: 15px;
}

.thH1 {
  text-align: center;
  width: 740px;
  color: #999999;
}

.td1, .td3, .td5 {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
  width: auto;
  height: auto;
  background-color: #eef5fc;
  border-bottom: 1px #ffffff solid;
}

.td2, .td4 {
  text-align: left;
  background-color: #ebebd6;
  border-bottom: 1px #ffffff solid;
  padding-left: 5px;
  padding-right: 5px;
}
/*------------------------ Portafolio Web ------------------------------*/

#webContact {
  position: relative;
  left: 30px;
  top: 50px;
  width: 500px;
  height: 430px;
}

#webInfo {
  position: relative;
  left: 30px;
  width: 700px;
  top: -5px;
  text-align: center;
}