/* Code Holder: Citricox | Especialistas en nuevos Medios | Diseño Web Córdoba Code Author: Hernán Pablo Pontillo */ html{color:#333;background:#f5ecd5;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;} *{margin:0;padding:0;} a{color:#f60;text-decoration:none;} .clear{clear:both; height:1px; width:auto; zoom:1; line-height:1px; font-size:1px;} strong{font-weight:bold;} blockquote{padding-left:40px;} #main{width:970px;margin:0px auto;background:#fff;} /* ============== */ /* = ESTRUCTURA = */ /* ============== */ #container{width:970px;} #sidebara, .content, #sidebarb{position:relative;zoom:1;float:left;top:0;} #sidebara{width:208px;left:10px;} .content{width:516px;left:20px;} #sidebarb{width:210px;left:30px;} /* ========= */ /* = DEBUG = */ /* ========= * #container{background:red;} #sidebara{background:yellow;} .content{background:green;} #sidebarb{background:blue;} */ /* ------------- HEADER ------------- */ #header{width:970px;height:237px;margin-bottom:10px;} #header #swf{width:970px;height:237px;} /* ------------- CONTENT ------------- */ .content{font-size:11px;} h2.red_bullet{color:#990000;font-weight:bold;background:#fceec9 url(imgs/red_bullet.jpg) no-repeat 3px 9px;line-height:30px;padding-left:20px;margin:5px 0px 10px 0px;} .content p{line-height:18px;margin:15px 0px;font-size:11px;} /*------------- HOME -------------*/ #home .item{border-bottom:dotted 1px #999999;padding:0px 0px 15px 0px;margin:0px 0px 15px 0px;} #home .item h3{color:#cc3300;font-size:13px;font-weight:bold;text-decoration:underline;margin:0px 0px 5px 0px;}#home .item h3 a{color:#cc3300;} /*------------- PREGUNTAS FRECUENTES -------------*/ #preg_frec h4{color:#ff6600;font-weight:bold;margin-bottom:4px;} #preg_frec p{margin:0px;padding:0px 0px 18px 0px;} /*------------- CONTACTO -------------*/ #contacto table{margin:10px 0px 0px 40px;} #contacto strong{color:#f60;} #contacto input{width:260px;height:19px;padding-top:5px;border:solid 1px #CCC;} #contacto textarea{width:260px;height:120px;border:solid 1px #CCC;} #contacto button{width:92px;height:25px;border:none;background:url(imgs/enviar.jpg) no-repeat;cursor:pointer;margin-left:170px;}#contacto button strong{display:none;} /*------------- PARQUE NACIONAL HISTORIA -------------*/ #pn_historia h3{font-weight:bold;color:#cc3300;text-decoration:underline;} /*------------- SERVICIOS TALAMPAYA -------------*/ #servicios_talampaya ul li{background:url(imgs/bullet.jpg) no-repeat 15px 5px;line-height:18px;padding-left:26px;} /*------------- EXCURSIONES -------------*/ #excursiones .botonera{width:518px;height:290px; background:url(imgs/excursiones2.jpg) no-repeat; padding-top:10px;} #excursiones .botonera .item{color:#330000; font-weight:bold;width:86px;padding:9px 12px; margin:0px 0px 10px 0px;} #excursiones .botonera .item a{color:#663300; font-weight:normal;} #excursiones .botonera .item span{font-size:9px;} #excursiones .botonera .item#uno{background:#f8efd5 url(imgs/bullet2.gif) no-repeat 4px 11px;} #excursiones .botonera .item#dos{background:#fae7bc url(imgs/bullet2.gif) no-repeat 4px 11px;} #excursiones .botonera .item#tres{background:#fbf5e4 url(imgs/bullet2.gif) no-repeat 4px 11px;} #excursiones .botonera#monje{width:518px;height:300px; background:url(imgs/servicios_talampaya.jpg) no-repeat;} #excursiones .botonera#cajones{width:518px;height:300px; background:url(imgs/cajones.jpg) no-repeat;} #excursiones .botonera#safari{width:518px;height:300px; background:url(imgs/4x4.jpg) no-repeat;} #excursiones h3{color:#f00; font-weight:bold;} /*------------- CAÑON DE TALAMPAYA -------------*/ div#canon_talampaya div.botonera div.item a.active{color:#000;font-weight:bold;} #canon_talampaya .botonera{width:518px;height:343px; background:url(imgs/canon_talampaya.jpg) no-repeat; padding-top:18px;} #canon_talampaya h3{font-weight:bold;color:#f00;font-size:15px;} #canon_talampaya .botonera .item{color:#330000; font-weight:bold;width:86px;padding:9px 3px 9px 12px; margin:0px 0px 3px 0px;} #canon_talampaya .botonera .item a{color:#663300; font-weight:normal;} #canon_talampaya .botonera .item span{font-size:9px;} #canon_talampaya .botonera .item#uno{background:#f8efd5 url(imgs/bullet2.gif) no-repeat 4px 11px;} #canon_talampaya .botonera .item#dos{background:#fae7bc url(imgs/bullet2.gif) no-repeat 4px 11px;} #canon_talampaya .botonera .item#tres{background:#f8dfa7 url(imgs/bullet2.gif) no-repeat 4px 11px;} #canon_talampaya .botonera .item#cuatro{background:#f5d18a url(imgs/bullet2.gif) no-repeat 4px 11px;} #canon_talampaya .botonera .item#cinco{background:#f3c572 url(imgs/bullet2.gif) no-repeat 4px 11px;} #canon_talampaya .botonera .item#seis{background:#f2bf66 url(imgs/bullet2.gif) no-repeat 4px 11px;} #canon_talampaya .botonera .item#siete{background:#f2c068 url(imgs/bullet2.gif) no-repeat 4px 11px;} #canon_talampaya h2.red_bullet span{color:#333333; font-weight:bold;} #canon_talampaya ul li{background:url(imgs/bullet.jpg) no-repeat 20px 6px;line-height:18px;padding-left:33px;} #canon_talampaya .botonera#alojarse{width:518px;height:343px; background:url(imgs/canon_talampaya_alojarse.jpg) no-repeat; padding-top:18px;} #canon_talampaya .botonera#acampar{width:518px;height:343px; background:url(imgs/acampar.jpg) no-repeat; padding-top:18px;} #canon_talampaya .botonera#consejos{width:518px;height:343px; background:url(imgs/canon_talampaya_consejos.jpg) no-repeat; padding-top:18px;} #canon_talampaya .botonera#fauna{width:518px;height:343px; background:url(imgs/canon_talampaya_fauna.jpg) no-repeat; padding-top:18px;} #canon_talampaya .botonera#info{width:518px;height:343px; background:url(imgs/canon_talampaya_info.jpg) no-repeat; padding-top:18px;} #canon_talampaya .botonera#recuerdos{width:518px;height:343px; background:url(imgs/canon_talampaya_recuerdos.jpg) no-repeat; padding-top:18px;} #canon_talampaya .botonera#viaje{width:518px;height:343px; background:url(imgs/canon_talampaya_viaje.jpg) no-repeat; padding-top:18px;} /*------------- GALERIA DE VIDEOS -------------*/ #videogal h2.red_bullet{color:#990000;font-weight:bold;background:#fceec9 url(imgs/red_bullet.jpg) no-repeat 3px 9px;line-height:30px;padding-left:20px;margin:0px 0px 10px 0px;} #videogal div.post{border-bottom:1px solid #666;padding-bottom:20px;margin-bottom:20px;} #videogal div.post h3{color:#f00; font-size:12px; font-weight:bold;} #videogal div.post object{width:518px;heigh:419px;margin:0px;padding:0px;} #videogal div.post embed{width:518px;heigh:419px;margin:0px;padding:0px;} /*------------- GALERIA DE FOTOS -------------*/ #fotogal h2.red_bullet{color:#990000;font-weight:bold;background:#fceec9 url(imgs/red_bullet.jpg) no-repeat 3px 9px;line-height:30px;padding-left:20px;margin:0px 0px 10px 0px;} #fotogal img{margin:2px;} #fotogal .gal_int{float:left;} /*------------- NOVEDADES -------------*/ #novedades h3{color:#c30;font-size:14px; font-weight:bold;} div#novedades div.post h3 a{color:#c30;} /*------------- AMBIENTE -------------*/ #ambiente h3{color:#f00;font-weight:bold;} #ambiente ul li{line-height:18px;font-size:11px;} /* ------------- SIDEBARB ------------- */ #sidebarb #andorra{width:142px;height:54px;padding:0px 30px; background:#201b19;} #sidebarb #andorras{width:142px;height:54px;} /* ------------- FOOTER ------------- */ #footer{width:970px;height:52px; background:url(imgs/footer.jpg) no-repeat;margin:20px 0px 0px 0px;position:relative;zoom:1;} #footer strong{display:none;} #footer #lariojana{width:146px;height:52px;position:absolute;left:0px;}#footer #lariojana a{width:146px;height:52px;display:block;} #footer #talampaya{width:120px;height:52px;position:absolute;left:146px;}#footer #talampaya a{width:120px;height:52px;display:block;} #footer #citricox{width:120px;height:52px;position:absolute;right:0px;}#footer #citricox a{width:120px;height:52px;display:block;} #footer #links{width:570px;color:#FFF;font-size:11px;line-height:20px;position:absolute;left:270px;top:15px;text-align:center;}#footer #links a{color:#FFEEDD;margin:0px 6px;}#footer #links a:hover{color:#FFF;text-decoration:underline;margin:0px 6px;}