/* CSS Document */

/*general*/
html{
margin:0;
padding:0;
height:100%;
min-height:100%;
}

body{
background-color:#8DB1D7;
color:#484B4B;
font-size:68%;
text-align:left;
margin:0px;
padding:0px;
font-family: Geneva, "Trebuchet MS", Helvetica, Arial, sans-serif;
height:100%;
min-height:100%;
}

.clearb{
clear:both;
margin:0px;
padding:0px;
font-size:0em;
}

a img{
border:0px;
}

 
.oculta{
display:none;
}

a{
color: #006AC2;
text-decoration:none;
}

a:hover{
color: #FC710E;
}

#marginador p img{
border: solid 1px #999999;
margin-right: 14px;
float:left;

}

#marginador p {
text-align:justify;

}
p{
line-height:1.2em;
}

.destaca{
font-weight:bold;
margin-left:15px;
}
.destaca strong{
color:#CC0000;
}

/* posicionamiento*/

#container_home{
background:#eff2fb url(imgs/fondo_home.jpg) top left repeat-x;
margin: 0 auto;
padding: 0px;
}

#container_viv{
background:#eff2fb url(imgs/fondo_promo.jpg) top left repeat-x;
margin: 0 auto;
padding: 0px;
}

#container_viv2{
background:#eff2fb  url(imgs/fondo_plano.jpg) top left repeat-x;
margin: 0 auto;
padding: 0px;
}
#container_viv3{
background:#eff2fb  url(imgs/fondo_contents.jpg) top left repeat-x;
margin: 0 auto;
padding: 0px;
}


#header{
position: relative;
top:0px;
height:97px;
width:766px;
margin: 0 auto;

background: url(imgs/logo_urba.gif) top right no-repeat;
}

#container_viv #header{
height:135px;
}

#header h1{
position: absolute;
width:260px;
top: 15px;
left: 300px;
margin:0px;
padding:0px;
font-size: 14px;
font-weight:bold;
color: #5F80AB;
}

#header #navlist{
position:absolute;
top: 68px;
left:0px;
margin:0px;
padding:0px;
list-style: none;

}

#header #navlist li{
position: relative;
float:left;
height: 24px;
margin:0px;
padding:0px;
padding-top: 5px;
background: url(imgs/separator_n.jpg) top left no-repeat;
}
#header #navlist li a{
padding-left: 10px;
padding-right: 10px;
text-transform:uppercase;
font-weight: bold;
font-size: 12px;
color:#FFFFFF;
padding-top:5px;
padding-bottom: 13px;
}

#header #navlist li a:hover{
background: url(imgs/back_over.jpg) repeat-x;
background-position: 0 0 2em 0;

}

#header #navlist li .active{
background: url(imgs/back_over.jpg) repeat-x;
background-position: 0 0 2em 0;
}

#splash{
position: relative;
top:0px;
height:269px;
width:766px;
margin: 0 auto;
padding: 0px;
background: url(imgs/splash_home.jpg) top left no-repeat;
}


#splash ul{
position: absolute;
top:65px;
left: 440px;
width: 300px;
list-style:none;
font-size: 18px;
padding:0px;
margin:0px;
color: #FFFFFF;
font-weight: bold;
line-height: 1em;
background: url(imgs/bullets_splash.jpg) top left no-repeat;
padding-left: 35px;
}

#splash ul li{
margin:0px;
padding:0px;
position:relative;
margin-bottom: 30px;
}

#container{
position:relative;
width: 750px;
margin: 0 auto;
padding: 0px;

}

#container h2{
margin-top: 15px;
font-size: 16px;
color:#6181AC;

}

#container ul{
position:relative;
top: 170px;
list-style:none;
list-style-image: url(imgs/bullet_estrella.gif);
list-style-position: 0 1em;
font-size: 12px;
font-weight:bold;
color:#6181AC;
background-color: #F5F7FB;
margin:0px;
padding:0px;
padding-bottom:20px; 

}
#container li{
margin:0px;
margin-left: 30px;
padding:0px;
padding-left: 6px;

}

#container ul .boton{
margin-top: 10px;
margin-left: 200px;
list-style-image: none;

}

#container ul .boton a{
padding-left: 15px;
padding-right: 30px;
padding-top: 2px;
padding-bottom:7px;
background: url(imgs/boton_home.gif) top left no-repeat;
color:#FFFFFF;

}
#left_home{
position: relative;
float:left;
top:0px;
left: 20px;
width: 353px;
height: 400px;
background: url(imgs/home_12viv.jpg) no-repeat;
background-position: 0 5em;
}

#right_home{
position: relative;
float:right;
top:0px;
left: 20px;
width: 353px;
height: 400px;
background: url(imgs/home_18viv.jpg) no-repeat;
background-position: 0 5em;
}


#header #subnav{
position:absolute;
top: 105px;
left:0px;
margin:0px;
padding:0px;
list-style: none;

}

#header #subnav li{
position: relative;
float:left;
height: 24px;
margin:0px;
padding:0px;

}
#header #subnav li a{
font-size: 12px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
font-weight:bold;
}

#header #subnav li a:hover, #header #subnav li .current{
color: #FC710E;
}


#container_viv #splash{
top:0px;
height:170px;
width:766px;
margin: 0 auto;
padding: 0px;
background: url(imgs/promo-12.jpg) no-repeat;
background-position: 0em 1.8em;
}

*html #container_viv #splash{
background-position: 0em 2.6em;
}

*:first-child+html #container_viv #splash{
background-position: 0em 2.6em;
}

#container_viv #splash .presentacion{
position: relative;
width: 500px;
top: 0px;
left:250px;
text-align:left;
color:#FFFFFF;
font-size: 13px;
font-weight: bold;
font-size: 13px;
line-height:1.1em;
}
#container_viv #splash .presentacion strong{
color: #FFCC99;
}
#container_viv #splash h1{
position: relative;
width: 500px;
top: 5px;
left:250px;
text-align:left;
color:#3E618E;
font-size: 14px;
font-weight: bold;

}



#container_viv #splash1{
top:0px;
height:170px;
width:766px;
margin: 0 auto;
padding: 0px;
background: url(imgs/promo-28.jpg) no-repeat;
background-position: 0em 1.8em;
}

*html #container_viv #splash1{
background-position: 0em 2.6em;
}
*:first-child+html #container_viv #splash1{
background-position: 0em 2.6em;
}
#container_viv #splash1 .presentacion{
position: relative;
width: 500px;
top: 0px;
left:250px;
text-align:left;
color:#FFFFFF;
font-weight: bold;
font-size: 13px;
line-height:1.1em;
}
#container_viv #splash1 .presentacion strong{
color: #FFCC99;
}
#container_viv #splash1 h1{
position: relative;
width: 500px;
top: 5px;
left:250px;
text-align:left;
color:#3E618E;
font-size: 14px;
font-weight: bold;
}

#container_viv #galeria{
position: relative;
width: 700px;
top: 10px;
left:0px;
text-align:left;
color:#3E618E;
font-size: 14px;
font-weight: bold;
}

#container_viv #galeria .info{
position: absolute;
width: 125px;
top: 50px;
right: 0px;
}

#container_viv #galeria img{
position: relative;
float:left;
border:solid 1px #84A8CF;
padding: 3px;
background-color:#FFFFFF;
margin-right: 5px;
margin-bottom: 5px;
}



#container_viv2 #splash{
top:20px;
height:362px;
width:766px;
margin: 0 auto;
padding: 0px;
background: none;
background-position: 0em 1em;
}

#container_viv2 #splash h1{
position: relative;
width: 500px;
top: 20px;
left:45px;
text-align:left;
color:#3E618E;
font-size: 14px;
font-weight: bold;
}

#container_viv2 #splash .presentación{
position: relative;
width: 500px;
top: 10px;
left:250px;
text-align:left;
color:#3E618E;
font-size: 14px;
font-weight: bold;
}

#container_viv2 #galeria{
position: relative;
width: 700px;
top: 40px;
left:0px;
text-align:left;
color:#3E618E;
font-size: 14px;
font-weight: bold;
}



#splash #flashcontent{
position:relative;
width: 649px;
height: 286px;
border: solid 1px #FFFFFF;
top: 15px;
left: 45px;
}



#container2{
position:relative;
width: 650px;
margin: 0 auto;
padding: 0px;
margin-top: 50px;
padding-bottom:50px;

}

#container2 ul{
position:relative;
list-style: none;
margin-top: 25px;
margin-left: 45px;
margin-bottom: 25px;

}
#container2 ul li{
position: relative;
float: left;
width: 200px;
height:50px;


}

#container2 h2{
margin-top: 15px;
font-size: 16px;
color:#6181AC;

}


#container_viv3 #splash3{

width:766px;
margin: 0 auto;
padding: 0px;
background: none;
background-position: 0em 1em;
margin-top: 20px;
margin-bottom:0px;
padding-bottom: 50px;
}

#container_viv3 #splash3 p{

margin-top: 60px;

}
#container_viv3 #splash3 .consultar{

margin-top: 60px;
font-size: 12px;
font-weight:bold;
color: #006699;

}
#container_viv3 #splash3 strong{
margin:0px;
margin-left: 20px;
padding:0px;
font-size: 16px;
color: #333333;

}
#container_viv3 #splash3 p  a{
font-size: 16px;
}

#container_viv3 #splash3 img{
position: relative;
float:left;
margin-top: 0px;
margin-bottom: 5px;
margin-right: 20px;
border: solid 1px #FFFFFF;

}

#container_viv3 #splash3 .volver{
position: relative;
top: 2px;
right: 15px;
float: right;
color: #FF6600;
font-weight:bold;
font-size: 13px;
margin:0px;
padding:0px;
}

*html #container_viv3 #splash3 .volver{
position: relative;
top: -8px;
right: 15px;

}

*:first-child+html  #container_viv3 #splash3 .volver{
position: relative;
top: -8px;
right: 15px;

}


#container_viv3 #splash3 h1{
position: relative;
width: 500px;
top: 30px;
left:0px;
text-align:left;
color:#3E618E;
font-size: 14px;
font-weight: bold;
}

#container_viv3 #splash3 #calidades{
position: relative;
left: 25px;
top: 40px;
list-style: none;
clear:both;

}
#container_viv3 #splash3 #calidades li{
position: relative;
float:none;
}

#container_viv3 #splash3 #calidades li ul{
list-style-type:square;
}

#container_viv3 #splash3 #calidades li h2{
font-size: 14px;
color:#FF6600;
font-weight:bold;
margin-bottom: 5px;
}

#container_viv3 #splash3 #datos{
position: relative;
float:left;
top: 0px;
list-style: none;
clear:both;
margin:0px;
padding:0px;
}
#container_viv3 #splash3 #datos li{
position: relative;
float:left;
margin:0px;
margin-right: 5px;
border: solid 1px #FFFFFF;
height: 75px;
width: 182px;
padding:0px;
padding-bottom: 5px;
}
*html #container_viv3 #splash3 #datos li{
width: 160px;
}

*html #container_viv3 #splash3 .plan{
margin-top:10px;
clear:both;
}

#container_viv3 #splash3 .plan{
margin-top:10px;
clear:both;
}
#container_viv3 #splash3 #datos li ul{
list-style-type:square;
list-style-position:inside;
float:none;
margin:0px;
padding:0px;
}

#container_viv3 #splash3 #datos li ul li{
float:none;
margin:0px;
padding:0px;
border: none;
font-size: 10px;
height: auto;
margin-left: 5px;
}

#container_viv3 #splash3 #datos li h2{
font-size: 12px;
color:#FF6600;
font-weight:bold;
margin-bottom: 5px;
margin-left: 6px;
}
#footer{
position:relative;
top:0px;
background: url(imgs/fondo-footer.jpg) top left repeat-x;
text-align:center;
margin:0px;
padding:0px;
height: 100px;
border-top: solid 1px #FFFFFF;

}


#footer p{
position:relative;
top: 20px;
color:#FFFFFF;
}

#footer p a{
color:#FFFFFF;
text-decoration:underline;
}