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

body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin:0 auto; padding:0; background-image:url(img/bg.jpg); background-repeat:repeat-x}

a{color:#000000; text-decoration:none; }
a:hover{color:#fff; text-decoration:none; background-color:#7DCAE8;}

#content{width:1116px; height:auto; margin:0 auto; background-image:url(img/bg-content.png); background-repeat:repeat-y; background-position:center; }

#header{width:auto; height:450px; margin:auto; clear:both;}

#top{width:1018px; background-image:url(img/top-img.jpg); height:16px; margin:auto;}

#chica-logo{width:335px; height:433px; float:left; margin-left:50px; background-image:url(img/chica-logo.png); position:absolute !important;}

#logo{width:378px; height:123px; float:left; margin-left:310px; position:absolute;}

#desc{width:356px; height:146px; float:left; margin-left:694px; background-image:url(img/bg-desc.png); background-repeat:no-repeat; text-align:center; position:absolute; padding:7px; padding-right:10px; padding-left:10px}
#desc h1{font-size:16px; display:inline;}
#desc h2{font-size:12px; display:inline; font-weight:400;}
#desc p{margin-top:5px; font-size:16px; font-weight:bold}

.promocion{width:768px; height:305px; float:left; background-color:#000000; margin-left:300px; margin-top:128px}

.promocion p{margin:0;}
.promocion p img{float:left; margin-left:3px;}
.promocion .sitios{margin-top:20px; color:#FFFFFF; font-size:20px; text-align:center}
.promocion img{border:1px #FFFFFF solid;}
.promocion img:hover{border:1px #F865BE solid;}



#main{width:auto; height:auto; margin:auto;}

.menu{background-image:url(img/div-web.jpg); background-repeat:no-repeat; margin:auto; width:1020px; height:40px; text-align:center; font-size:18px; color:#FFFFFF; padding-top:8px;}

#main .galerias{margin:auto; width:980px; height:auto; padding:0; text-align:center;}
#main .galerias .thumb{width:320px; height:240px; float:left; margin:2px; border:1px #E1F2FB solid;}
#main .galerias .thumb:hover{border:1px #000 solid; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9;}

#main .galerias .promo{width:975px; height:auto; background-color:#000000; float:left; clear:both; color:#FFFFFF}
#main .galerias .promo a{color:#FFFFFF; text-decoration:none}
#main .galerias .promo .webcams img{margin:1px;}
#main .galerias .promo .webcams img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7;}
#main .galerias .promo .bann{margin-top:20px; margin-bottom:20px;}
#main .galerias .promo .bann1 img{margin:10px;}


#main .galerias .promo #content-cams{width:975px; height:180px; float:left; margin-top:20px;}
#main .galerias .promo #content-cams .cams{width:158px; height:120px; float:left; margin:2px;}
#main .galerias .promo #content-cams span{width:975px; height:25px; float:left; margin:2px; font-size:18px; color:#FF0;}
#main .galerias .promo #content-cams p{width:158px; height:20px; float:left; margin:2px;}


.promo .title{font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#FFFFFF; font-weight:bold; text-align:center; margin-top:4px;}
.promo .dvd{float:left; margin:1px}


#footer{width:auto; height:158px; margin:auto; background-image:url(img/bg-footer.jpg); background-repeat:repeat-x;}
#footer .content{width:1019px; height:158px; background-image:url(img/bg-footer-content.png); background-repeat:no-repeat; background-position:left; margin:auto}
#footer .content p{text-align:center; color:#000000; font-size:16px;}
#footer .content .text{font-size:10px; float:right; width:600px; margin:5px; height:85px; text-align:right; margin-right:10px; padding-right:25px; margin-top:40px;}
#footer .content .fin{float:right; width:350px; margin:5px; height:15px; text-align:right; margin-right:10px; font-size:10px; font-weight:bold; padding-right:25px; color:#FFFFFF; padding-top:5px}

#intercambios{width:975px; height:auto; float:left; clear:both; margin-top:25px;}
#intercambios ul{width:auto; background-color:#999999; margin:0;}
#intercambios ul li{display:inline; float:left; margin:4px; background-color:#EDF8FE; padding:8px; font-size:16px;}
#intercambios ul li:hover{background-color:#7DCAE8;}
