/*
-------------------------------------------------
RESET
-------------------------------------------------
*/
* {padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:normal;}
ol,ul{list-style:none;}
select option{padding:0 5px;}
a{text-decoration:none;}
fieldset,img,a img{border:0;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

:focus{outline:none;}

.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}

.al{float:left;}
.ar{float:right;}
.clear{clear:both;height:1px;font-size:1px;line-height:1px;}
.hide {display: none;}
/*
-------------------------------------------------
MAIN
-------------------------------------------------
*/
body{font:12px Arial, Helvetica, sans-serif;text-align:center;color:#000;background:#000;margin:0 auto;}
#main{width:750px;text-align:left;margin:15px auto;}
.container{}
a{color:#003399;text-decoration:none;}
a:hover{color:#000;}
.red{color:#990033;}
.green{color:#669900;}
/*
------------------
HEADER
------------------
*/
#header{text-align:right;line-height:40px;height:40px;font-size:14px;position:relative;zoom:1; padding-right:40px;}
#header a{color:#FFF;text-decoration:none;font-weight:700;margin:0 0 0 5px;}
#header a.active,
#header a:hover{color:#AA9900;}
#header h1#logo{width:140px;height:90px;display:block;position:absolute;top:310px;left:0;text-decoration:none;z-index:9;}
#header h1#logo a{display:block;width:140px;height:90px;margin:0;}
#mp3_player{position:absolute;top:0px;right:0;height:20px; padding-top:5px;}
#mp3_player object{height:20px;margin-top:5px;}

/*
------------------
SIDEBAR
------------------
*/
#sidebar{width:220px; height:330px;float:left;text-align:right;position:relative;zoom:1;}
#sidebar img{position:relative;z-index:10;}
#side_promo_box{position:absolute; bottom:0; right:0; display:block; width:133px; height:110px;}

/*
------------------
CONTENT
------------------
*/
.content{background:#FFF;margin-left:230px;}
/*
------------------
UBICACION
------------------
*/
#location{padding:5px 0 0 0;height:325px; width:520px;}
#location #info_box{height:25px;display:block;background:url(../media/images/more.jpg) no-repeat 500px center;cursor:pointer;position:relative;zoom:1;}
#location #info_box p{line-height:1.6em;background:#000;color:#FFF;padding:10px 30px 15px 30px;bottom:0;left:0;display:none; position:absolute;bottom:0;left:0;}
/*
------------------
HOME
------------------
*/
#home{padding:10px 120px 10px 10px;background:#FFF url(../media/images/home-bg.jpg) no-repeat right top;color:#000;font-size:0.95em; }
#home p{line-height:1.6em;margin:0 0 1em 0;}
#home p strong{font-size:1.2em;}
#home ul{list-style:square;list-style-position:inside;margin:1em 0 1em 1em;}
/*
------------------
CONTACTO
------------------
*/
#contacto{padding:20px 115px 0 15px;height:310px;background:#FFF url(../media/images/home-bg.jpg) no-repeat right top;color:#000;font-size:0.95em; }
#contacto table,
#contacto form,
#contacto input,
#contacto textarea,
#contacto button{font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#contacto form{color:#FFF;padding:10px;width:370px;height:290px;background:#000 url(../media/images/contacto-bg.jpg) no-repeat;}
#contacto table{border-collapse:collapse;width:100%;}
#contacto table td{padding:2px 5px;}
#contacto table td input{padding:2px;width:230px; border:none; background:#FFF;}
#contacto table td textarea{padding:2px;width:230px;height:80px;border:none;background:#FFF; overflow:auto;}
#contacto table td button{border:none;background:#000;color:#FFF;text-transform:uppercase;cursor:pointer; font-weight:bold; letter-spacing:2px;}
#contacto table td input.error,
#contacto table td textarea.error{background:#660000;color:#FFF;}

#contacto h2{font-size:1.4em;line-height:2em; font-weight:bold;}
#contacto p{line-height:1.6em; padding:0 20px 0 0;font-size:12px;}
/*
------------------
FOTOS
------------------
*/
#gallery{height:330px;}
#fotos{width:380px;position:relative;zoom:1; margin:0 auto; padding:10px 5px 10px 15px;}
#fotos .scroll{width:380px;height:291px;overflow:hidden;position:relative;}
#fotos .scrollContainer{width:760px;height:291px;overflow:hidden;position:relative;}
#fotos div.slide{width:380px;height:291px;float:left;}
#fotos .foto{float:left;width:110px;height:82px;padding:5px;margin:5px 5px 0 0;position:relative;zoom:1;background:#000 url(../media/images/frame-bg.jpg) no-repeat;}
#fotos .foto a{background-color:#FFF;background-position:center;background-repeat:no-repeat;width:110px;height:82px;display:block; position:absolute;top:5px; left:5px;}
#fotos .foto img{float:left;}
#fotos .scrollButtons {position:absolute;bottom:15px;cursor:pointer;}
#fotos .scrollButtons.prev{left:0px;}
#fotos .scrollButtons.next{right:0px;}


#foto{height:320px;position:relative;zoom:1;padding:5px 0;}
#foto #image_box{position:relative;zoom:1;width:480px;height:320px;background-color:#000;background-position:center center;background-repeat:no-repeat;left:20px;}
#foto #image_box p{line-height:1.6em;padding:10px;background:#000;color:#FFF;position:absolute;bottom:0;left:0px;display:none;}
#foto a.prev_nav,
#foto a.next_nav{position:absolute;top:150px;left:6px;display:block;z-index:11;width:7px;height:7px;}
#foto a.prev_nav strong,
#foto a.next_nav strong{display:none;}
#foto a.prev_nav{background:url(../media/images/prev.jpg) no-repeat;}
#foto a.next_nav{background:url(../media/images/next.jpg) no-repeat;left:507px;}

/*
------------------
FOOTER
------------------
*/
#footer{ text-align:right;color:#FFF;text-align:right;padding-top:5px;}
#footer p{line-height:1.6em;font-size:12px;}
#footer a{color:#FFF;}
#footer a:hover{text-decoration:underline;}