@charset "UTF-8";
/* CSS Document */

@import 'libraries.css';

html{ text-align:center; background:#e6e6e6;}
body{ width:962px; margin:0 auto; background:white; font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#666; /*position:relative */}

h1, h1 a{ font:normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1C4967; margin-bottom:10px; padding:0 0 3px 20px;  border-bottom:1px solid #EE9A0F;} h1 a:hover{color:#3CC;}
h2, h2 a{ font:normal 20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#960; margin-bottom:10px;} h2 a:hover{color:#069;}
h3, h3 a{ font:normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#960; margin-bottom:10px;} h3 a:hover{color:#069;}
h4, h4 a{ font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#960; margin-bottom:5px;} h4 a:hover{color:#069;}
h5, h5 a{ font:normal 11px Arial, Helvetica, sans-serif; color:#3F699B; margin-bottom:5px;} h5 a:hover{color:#069;}
h6, h6 a{ font:normal 10px Arial, Helvetica, sans-serif; color:#960; margin-bottom:5px;} h6 a:hover{color:#069;}
p, p a{font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:gray; margin-bottom:10px;} p a:hover{color:#069;}

.clr0{ background:#f6841f;}
.clr1{ background:white; margin-top:5px;}.clr1 a{ color:black!important; text-shadow:none!important;}
.clr2{ background:gray; margin-top:10px;}
.clr3{ background:#0b445d; margin-top:15px;}
.clr4{ background:#156b92; margin-top:20px;}
.clr5{ background:#2d91bf; margin-top:25px;}
.clr6{ background:#21abe2; margin-top:30px;}
.clr7{ background:#21abe2; margin-top:35px;}.clr8{ background:#21abe2; margin-top:40px;}.clr9{ background:#21abe2; margin-top:45px;}.clr10{ background:#21abe2; margin-top:50px;}


#hd{ background:url(img/Plantilla_home2_03.png) repeat-x bottom; margin-top:8px;}
#hd #hd_in{ height:196px; /*background:url(img/Plantilla_home2_04.png) no-repeat bottom right;*/ position:relative;}
#hd #hd_in a{ cursor:pointer;}
#hd #logo{ width:249px; height:223px; background:url(img/Plantilla_home2_02.png) no-repeat 0 0; position:absolute; top:-8px; left:-5px;}
#hd #slogan{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:gray; position:absolute; top:50px; left:300px; width:420px; height:100px; text-align:left; }

#teaser {height:405px; position:relative; font-size:12px;}
.teaser-sub{ height:225px!important;}
#teaser #topTop{height:123px; width:962px; position:absolute; top:0; left:0; z-index:80; background:url(img/Plantilla_home2_08.png) no-repeat bottom left;}
#teaser #top{ height:123px; width:962px; position:absolute; top:0; left:0; z-index:20;}
#teaser #swf{ background:url(img/cielo_fondopsd.jpg) no-repeat 0 0; width:962px; height:405px;position:absolute; top:0; left:0; overflow:hidden;}
#teaser #swf-sub{ background:url(img/cielo_fondopsd.jpg) no-repeat 0 0; width:962px; height:225px;position:absolute; top:0; left:0; overflow:hidden;}
#teaser ul#menu{ display:inline-block; position:absolute; top:2px; right:10px;}
#teaser ul#menu li{ display:inline; float:left; margin-right:5px; width:85px; height:130px;  -moz-border-radius:0 0 10px 10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; position:relative; }
#teaser ul#menu li a{ width:85px; position:absolute; bottom:5px; left:0; color:white; display:inline-block; #display:block; text-align:center; text-shadow:1px 1px 1px black;  }	
/*#teaser ul#menu li a:hover{ color:#0FF;}*/

#columns { text-align:left; margin-top:20px;}
#columns .column1 {float:left; width:/*49%*/513px; _width:500px; height:auto!important; min-height:200px; height:100px; overflow-x:hidden; }
#columns .column2 {float:right; width:/*49%*/424px; height:auto!important; min-height:200px; height:100px; }
#columns .column1-sub {float:left; width:/*49%*/613px; height:auto!important; min-height:200px; height:100px;  }
#columns .column2-sub {float:right; width:/*49%*/300px; height:auto!important; min-height:200px; height:100px;   }
#columns .column2-sub img.img-side{ width:100%; margin-bottom:10px;}

#ft{ background:url(img/ft2.png) repeat-x bottom left;}
#ft #ft_in{ background:url(img/ft1.png) no-repeat bottom left; height:144px; position:relative;}
#ft #ft_in span{ display:inline-block; position:absolute; bottom:10px; left:20%;}
#ft #ft_in span a{ color:#555;}
#ft #ft_in span a:hover{ color:#e6e6e6;}

/*/// bloques */
ul.social li{display:inline-block; margin:10px 10px 10px 0;}
ul.social li a{opacity:0.8;filter:alpha(opacity=80) ;}
ul.social li a:hover{opacity:1;filter:alpha(opacity=100); }

/*/// boxes */
.box0{ background:white; padding:15px 30px; margin-bottom:20px;}
.box0 h3{ color:#0c4b67; font-size:18px; margin-bottom:20px;}
.box0 p{ color:#666; font-size:12px; line-height:18px;  }
.box1{ background:url(img/bg_box_1.jpg) repeat-y 0 0 #f7941e; padding:10px 0px 40px 50px; color:#fcd4a5; /*text-shadow:1px 1px 1px black;*/ margin-bottom:20px; }
.box1_in{ background:url(img/ico3.png) no-repeat 0 0px; padding-left:30px;}
.box1 .hd{font:normal 26px Tahoma, Geneva, sans-serif; /*text-shadow:1px 1px 1px black;*/}
.box1 .items{  margin-top:20px;/* border:1px solid red;*/}
.box1 .items .item{background:url(img/ico3.png) no-repeat 10px center #f0b561; padding:15px 15px 15px 40px; margin-bottom:10px; }
.box1 .items .item2{background:url(img/ico3.png) no-repeat 10px center #f7941e!important; }
.box1 .items .item .tit , .box1 .items .item .tit a{ color:#1C4967;}
.box1 .items .item .tit a:hover{ color:#06C;}
.box1 .items .item .info , .box1 .items .item .info a{ color:white; }
.box1 .items .item .mas{ color:white; float:right; margin-right:30px; margin-top:20px;}
.box1 .items .item .mas:hover{ color: #1C4967}
.box2{ background: url(img/ico1.png) no-repeat 7px 0px #bcbdc0; padding:15px 30px;margin-bottom:20px;}
.box2 h3{ color:#0c4b67; font-size:18px; margin-bottom:20px; margin-left:40px; margin-top:13px;}
.box2 p{ color:#333; font-size:11px; line-height:18px;  }
.box3{ background:/*url(img/bg_box_3.png) no-repeat 30px bottom*/ #0c4b67; padding:10px 30px 73px 30px;margin-bottom:20px; position:relative; }
.box3_in{ background:url(img/ico4.png) no-repeat 0 10px; padding:0 0px 10px 40px}
.box3 ul.social { position:absolute; left:30px; bottom:0px; }
.box3 h3{ color:#0c4b67; font-size:18px; margin-bottom:20px;}
.box3 p{ color:white; font-size:11px; line-height:18px;  }
.box4{ background:#ebebec; padding:10px 0px 40px 50px; color:#fcd4a5; /*text-shadow:1px 1px 1px black;*/ margin-bottom:20px; }
.box4 .hd{font:normal 26px Tahoma, Geneva, sans-serif; color:#e88a28; /*text-shadow:1px 1px 1px gray;*/}
.box4 .items{  margin-top:20px; /*border:1px solid red;*/}
.box4 .items .item{background:url(img/ico5.png) no-repeat -15px center; padding:15px 15px 15px 40px; border-bottom:1px solid #DFDFDF; }
.box4 .items .item .tit , .box4 .items .item .tit a{ color:#1C4967;}
.box4 .items .item .tit a:hover{color:#e88a28;}
.box4 .items .item .contacto { margin:7px 0 5px; color:#1C4967;}
.box4 .items .item .contacto , .box4 .items .item .contacto a{  color:#2E6E9B;}
.box4 .items .item .info , .box4 .items .item .info a{ color:#636466; }
.box4 .items .item .mas { color:#E88A28; float:right; margin-right:30px; margin-top:10px;}
.box4 .items .item .mas {color:#E88A28!important;}
.box4 .items .item .mas:hover{ color: #1C4967!important;}
.box5{ background:#346c9a; margin-bottom:20px;;}
.box5 .top{ color:white; font:normal 11px Arial, Helvetica, sans-serif; float:right; margin:10px 10px 0;}
.box5 .hd{ color:#23ABE2; font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(img/ico2.png) no-repeat 0 5px; padding-left:40px; clear:both; margin:0 20px; /*text-shadow:1px 1px 1px black;*/}
.box5 .meddle { background:#6d8ab1; padding:10px 30px; margin:10px 0;}
.box5 .meddle ul.izq{ float:left; width:30%; color:#024B67; list-style:none; /*list-style-position:outside;*/}
.box5 .meddle ul.izq li{ margin-bottom:3px;}
.box5 .meddle .der{ float:right; width: 60%; color:white; font-size:12px;}
.box5 a{ color:white; margin:0 20px; margin-bottom:10px; display:inline-block;}
.box5 a:hover{color:#23ABE2;}
.box6{ background:#024B67; color:white; padding:30px; font-size:11px;}
.box6 .hd{ color:white; font: normal 22px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(img/ico4.png) no-repeat 0 center; padding:10px 0 10px 40px; margin-bottom:20px;}
.box6 p{ color:white; margin-bottom:10px;}
.box6 .high{ color:#23ABE2; }
.box6 img{ position:relative; left:30px; border:#CCC thin; }
.box6 a{ display:inline-block; margin:10px 0; color:white; font-size:14px; }
.box6 a:hover{color:#23ABE2;}

.masinfo{ font:normal 20px "Courier New", Courier, monospace; color:#0B88BF;}
.masinfo:hover{ color:#036;}
.masinfo2{ font:normal 20px "Courier New", Courier, monospace; color:#036;}
.masinfo2:hover{ color:#39F;}

.subhomes{ color:#666;}
.subhomes li{ border-bottom:1px solid #e6e6e6; display:block; margin-bottom:10px; background:#F6F6F6; padding:20px; list-style:none; list-style-position:outside; }
.subhomes li .contacto { margin:10px 0 5px; color:#1C4967;}
.subhomes li .contacto , .subhomes li .contacto a{  color:#2E6E9B;}
.subhomes li .mas { color:#E88A28; text-align:right; margin-right:30px; margin-top:30px;}
.subhomes li .mas {color:#E88A28!important;}
.subhomes li .mas:hover{ color: #1C4967!important; cursor:pointer;}