/* Color Azul Marino: #003399  Azul/Morado: #6867cf */
html{background-color: Black; height:100%;}
body { margin: 0px auto auto auto; font-family: Century Gothic, Georgia; font-size:10pt; color: #c7c7c7; }
h1{ color: #FFFFFF; margin: 10px 0px 8px 0px; font-size: 13pt; text-align: left; font-weight: bold;letter-spacing: 1px;}
h2{ color: #636363; margin: 4px 0px 4px 0px; font-size: 11pt; text-align: left;}
h3{ color: #99ff00; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 11pt; text-align: left;}
p{  text-align:justify;}
input{  font-size: 8pt; background-color: #4c4c4c; color: White; margin: auto 2px auto 2px; border-style: none; padding-left: 3px; padding-right: 3px;}
textarea{  font-size: 8pt; background-color: #4c4c4c; color: White; margin: auto 2px auto 2px; border-style: none; padding-left: 3px; padding-right: 3px;}
select{ font-size: 8pt; background-color: #4c4c4c; color: White;}
a { color: #99ff00; font-weight: bold; text-decoration:none;}
a:hover { color: white; font-weight: bold; text-decoration:none;}


.DivMarco{ margin: 5px auto auto auto; width:935px; padding-top: 30px;}
.DivFondoMenu{ background-color: #99ff00; padding: 0px 0px 0px 0px; margin: 12px 0px 0px 0px; font-family: Georgia;}
.DivContenido{ margin: 17px auto auto auto; background-color: #191919; padding: 10px 20px 10px 20px; text-align: justify;}
.DivTipoWebs{ margin: 0px auto auto auto; background-color: #191919; padding: 0px 0px 0px 0px; text-align: justify; padding-left:6px;}
.DivTipoWebs ul { margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;}
.DivTipoWebs li { line-height: 20px; vertical-align: middle;}
.ulbasica {list-style-image: url('img/tic.png'); font-family: Georgia; font-weight: normal; }
.ulbasica li{padding-left:0px;}
.ulbasica2 {list-style-image: url('img/ticgreen.png');  }
.ulbasica2 li{padding-left:10px; color:#99ff00; font-size:12pt; font-style: italic; margin-left:50px; line-height:30px;}
.ulprofesional {list-style-image: url('img/ticamarillo.png'); font-family: Georgia; font-weight: normal; }
.ulprofesional li{padding-left:0px;}
.ulprofesional2 {list-style-image: url('img/ticyellow.png'); }
.ulprofesional2 li{padding-left:10px; color:#FFD000; font-size:12pt; font-style: italic; margin-left:50px; line-height:30px;}
.ulpremium {list-style-image: url('img/ticnaranja.png'); font-family: Georgia; font-weight: normal; }
.ulpremium li{padding-left:0px;}
.ulpremium2 {list-style-image: url('img/ticorange.png'); }
.ulpremium2 li{padding-left:10px; color:#FF8800; font-size:12pt; font-style: italic; margin-left:50px; line-height:30px;}
.DivColumnaAux{}
.DivLogin {color:#949494; margin: 3px auto auto auto; text-align: center; width: 219px;}
.DivLogin input{ background-color: #4c4c4c; color: White; margin: 2px 2px 2px 2px; border-style: none;}
.DivLogin a{ color: #003399;}
.DivListadoServicios{ background-color: #0d0d0d; margin: 20px auto auto auto; padding-top: 8px; padding-bottom: 8px;font-family: Georgia;}
.DivListadoServicios li{ list-style-image: url('img/Tic.png'); margin: auto auto 8px 20px;}
.DivListadoServicios a{color: #c7c7c7; font-weight: normal;}
.DivListadoServicios a:hover{color: #99ff00; font-weight: normal;}
.DivColIzq{width: 685px; float: left;}
.DivColDer{width: 250px; float: left; margin: 0 auto auto auto; text-align: center;}
.DivPromociones{ text-align: center; width: 219px;  margin: 3px auto auto auto;}
.DivSolicitud{margin: 20px auto auto auto; font-size: 7pt;}
.DivSolicitud h1{color: #99ff00; font-weight: bold; font-size: 8pt; margin: 10px auto 10px auto; border-bottom: solid 1px #99ff00; width: 98%;}
.DivSolicitud input{ font-size: 7pt; background-color: #4c4c4c; color: White; margin: auto 2px auto 2px; border-style: none; padding-left: 3px; padding-right: 3px;}
.DivServicios{ margin-top: 20px;}
.DivServicios h2{ color: White; margin-left: 15px; margin-top: 15px;}
.DivMiniLinks { text-align: center; margin: 10px auto 10px auto;}
.DivMiniLinks a{ font-size: 7pt;}

.DivMarcoMenu{border: solid 1px transparent; height: 85px; background-image: url('img/Logo.jpg'); width: 935px; background-position: right; background-repeat: no-repeat; vertical-align: bottom;}
.DivMenu{ width:738px; position:relative; height:21px; background-image: url('img/menu.jpg'); z-index: 120; margin-top: 58px; font-family: "Arial Narrow", Arial; font-weight: bold; color: Black; font-size: 12pt; letter-spacing: 1px;}
.DivMenu a { font-family: Georgia; font-weight: bold; color: Black; text-decoration: none; font-size: 11pt; letter-spacing: 1px;}
.DivLogStatus{color: White;}
.DivLogStatus a{ color: black; font-weight: bold; text-decoration:underline;}
.tdLeft{ width: 206px; background-image: url('img/bottom_left.png'); background-position: bottom; background-repeat: no-repeat; min-height: 206px;}
.tdRight{ height:106px; background-image: url('img/bottom_right.jpg'); background-position: bottom left; background-repeat: no-repeat;}
.tdTop{ min-height: 294px;}

.MenuBtn{ width: 126px; height: 50px; background-image: url('img/BtnMenu.png'); background-color: #000000; background-repeat: no-repeat; background-position:center; color: #99ff00; font-size: 10pt; text-align: center;}
.MenuBtn a{ color: #99ff00; font-size: 10pt; margin: 0px auto auto auto; text-decoration:none;}
.MenuBtn a:hover{ color: white; font-size: 10pt; margin: 0px auto auto auto; text-decoration:none;}

/*Página Oferta*/
.DivCabecera{ width:680px; height:302px; background-image:url('img/cabecera.png'); background-repeat: no-repeat;}
.DivContenidosD{ width:457px; height:302px; float:right; margin: 10px auto auto auto;}
.DivContenidosI{ width:223px; height:312px; background-image:url('img/web.png'); background-position:bottom; background-repeat: no-repeat; float: left;}
.DivContenidosD li{ list-style-image: url('img/Tic.png'); margin: 8px auto auto auto; color:#99ff00; font-size: 10pt; font-weight: bold;}
.DivExtrasI{ width:394px; height:310px; float:left; margin: 10px 10px auto auto;}
.DivExtrasD{ width:276px; height:320px; background-image:url('img/extras.png'); background-position:top; background-repeat: no-repeat; float: right;}
.DivExtrasI li{ list-style-image: url('img/extra.png'); margin: 8px auto auto auto; color:#99ff00; font-size: 10pt; font-weight: bold;}
.DivEjemplosD{ width:394px; height:287px; float:right; margin: 10px auto auto auto;}
.DivEjemplosI{ width:276px; height:297px; background-image:url('img/ejemplos2.png'); background-position: center; background-repeat: no-repeat; float: left;}
.DivContactoD{ width:306px; height:350px; float:right; background-image:url('img/contactanos.png'); background-position:center; background-repeat: no-repeat;}
.DivContactoI{ width:374px; height:350px; float: left;}
.DivContactoInfo{ position: relative; width:374px; height:167px; background-image:url('img/informacion.png'); background-position:top; background-repeat: no-repeat;}
.DivContactoText{ position: absolute; width: 240px; height: 60px; top: 50px; left: 90px; text-align: justify; font-size: 9pt; line-height: 13px; }

/*Página Contratar Oferta*/
.DivCabecera2{ width:680px; height:267px; background-image:url('img/cabecera2.png'); background-repeat: no-repeat;}
.DivPasoDatos{ position: relative; width: 460px; padding-left:220px; margin-bottom:20px;}
.DivPasoDatosImg{position: absolute; width: 278px; height: 160px; top: 24px; left: 10px; background-image:url('img/paso1m.png'); background-position:top; background-repeat: no-repeat;}
.DivPasoPago{ position: relative; width: 460px; padding-left:220px; margin-bottom:30px;}
.DivPasoPagoImg{position: absolute; width: 260px; height: 247px; top: 7px; left: 20px; background-image:url('img/paso4m.png'); background-position:50% top; background-repeat: no-repeat;}
.DivCuadroTop{width: 381px; height: 34px; text-align: center; color: White; font-weight: bold; background-image: url('img/cuadrotop.png'); background-position: top; background-repeat: no-repeat;}
.DivCuadroBottom{width: 381px; height: 16px; background-image: url('img/cuadrobottom.png'); background-position: top; background-repeat: no-repeat;}

/*Página 3 Pasos de Inserción de datos*/
.DivCabeceraPasos{ width:681px; height:266px; background-image:url('img/cabecerapasos.png'); background-repeat: no-repeat;}
.DivPasoFotos{ position: relative; width: 460px; padding-left:220px; margin-bottom:30px;}
.DivPasoFotosImg{position: absolute; width: 176px; height: 201px; top: 62px; left: 96px; background-image:url('img/paso2m.png'); background-position:50% top; background-repeat: no-repeat;}
.DivPasoEnvio{ position: relative; width: 460px; padding-left:220px; margin-bottom:30px;}
.DivPasoEnvioImg{position: absolute; width: 192px; height: 221px; top: 44px; left: 75px; background-image:url('img/paso3m.png'); background-position:50% top; background-repeat: no-repeat;}

.Watermasktxt{color:Silver; font-size:8pt; font-style:italic;}
.DivPager{}
.DivPager a{color:#99ff00; font-size:8pt;}
.DivPager a:hover{color:#666666; font-size:8pt;}
.DivPagerProf{}
.DivPagerProf a{color:#FFD000; font-size:8pt;}
.DivPagerProf a:hover{color:#666666; font-size:8pt;}
.DivPagerPrem{}
.DivPagerPrem a{color:#FF8800; font-size:8pt;}
.DivPagerPrem a:hover{color:#666666; font-size:8pt;}
.PanelModal{vertical-align: middle; background-color: #4D7021; opacity:0.8; filter:alpha(opacity=80); z-index:1000;}
.transparent{ background-color: transparent; border-color: transparent;}


/*Página Diferentes Tipos de Web*/
.DivMasInfo{position: absolute; width:226px; height:208px; top: 10px; left: 445px; background-image: url('img/masinfo.png'); background-repeat: no-repeat; background-position: top;}
.DivMasInfoProf{position: absolute; width:226px; height:208px; top: 10px; left: 445px; background-image: url('img/masinfoprofesional.png'); background-repeat: no-repeat; background-position: top;}
.DivMasInfoPrem{position: absolute; width:226px; height:208px; top: 10px; left: 445px; background-image: url('img/masinfopremium.png'); background-repeat: no-repeat; background-position: top;}
.DivMenuBasica{width:130px; float: left; background-color:#99ff00; text-align: center; color: Black; height:20px;}
.DivMenuBasica a{color: Black; font-weight: normal;}
.DivMenuBasica a:hover{color: #808080; font-weight: normal;}
.DivMenuProfesional{width:130px; float: left; background-color:#FFD000; text-align: center; color: Black; height:20px;}
.DivMenuProfesional a{color: Black; font-weight: normal;}
.DivMenuProfesional a:hover{color: #808080; font-weight: normal;}
.DivMenuPremium{width:130px; float: left; background-color:#FF8800; text-align: center; color: Black; height:20px;}
.DivMenuPremium a{color: Black; font-weight: normal;}
.DivMenuPremium a:hover{color: #808080; font-weight: normal;}