/* ----------------------------------------------------------------------------------------------------------------------- Radio Ondas amigas 2009 - 2010 Sitio oficial de la radio Ondas Amigas San Juan Alicante Sitio diseñado por Eliecer montaña (Xyberdesign) Fecha: 01 de dic de 2009 ----------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------- //CSS globals contents// 1 Reset Css - 2 Layout - 3 Nav - 4 Headings - 5 Lists - 6 Images - 7 Links - 8 Forms - 9 Typography - 10 Other ----------------------------------------------------------------------------------------------------------------------- */ /* 1 Reset Css ----------------------------------------------------------------------------------------------------------------------- */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } fieldset,img { border: none; } caption,th { text-align: left; } table { border-collapse: collapse; border-spacing: 0; } /* 2 Layouts ----------------------------------------------------------------------------------------------------------------------- */ #wrapper { width: 980px; padding-left: 0; margin: 0px auto; } html>body #header { width: 96%; padding-left: 25px;} html>body #menu { float: left; padding: 0; width:80%; height: 40px; margin: 0px 0 0px 20px; display: inline;background-image:url(../images/bg-menu.jpg); background-repeat: no-repeat; background-position: left;} html>body #banner {background: url(../images/bg-banner.png) no-repeat;width: 980px; height: 291px; clear: both;} body.home { background: #bfbeb1 url(../images/bg.jpg) top repeat-x; } html>body #sidebar-left {width:290px; height:452px; float:left; background-image:url(../images/bg-sidebar.png);background-repeat: no-repeat ;margin: 1em 1em 0 1em;} html>body #content { width: 980px; height: 483px; margin: 0; background-image:url(../images/bg-content.png); background-repeat: no-repeat;} html>body #footer { clear: both; width: 980px; height: 64px; background: url(../images/bg-footer.png) no-repeat;} html, body { height: 100%; min-height: 100%; } /* 3 Nav ----------------------------------------------------------------------------------------------------------------------- */ #nav {margin: 7px 0 0 28px; list-style-type:none;list-style-position:outside;position:relative;line-height:1.5em;} #nav a{display:block;padding:0px 15px; color:#fff;text-decoration:none; background-color:#f6f6f6;color:#333; } #nav a:hover{background-color:#fff;color:#333; } #nav li{float:left;position:relative;} #nav ul {position:absolute;display:none;width:12em;top:1.5em;} #nav li ul a{ width:12em;height:auto;float:left; background-color:#333; margin-left: 10px; color:#fff;} #nav ul ul{top:auto;} #nav li ul ul {left:12em;margin:4px 0 0 10px;} #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;} #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;} /* 4 Headings ----------------------------------------------------------------------------------------------------------------------- */ h1{color:#1c1d1c;font-family: "Georgia", Serif; font-size:2.9em;} h2{width:450px; height:50px; color:#292929; font-weight:bold; font-size:2em; padding: 0.5em 0 1em 0em; float: left;} p.highlights-1 {text-shadow: 0 1px 0 #000; font-size: 1.5em; color:#ffd800; padding-left: 20px;} p.highlights-2 {text-shadow: 0 1px 0 #000; font-size: 1.5em; color:#e9fed7; padding-left: 50px;} p.highlights-3 {font-size: 1.5em; text-shadow: 0 1px 0 #000; color:#77c4db; padding-left: 110px;} p.highlights-4 {font-family: verdana; font-size: 0.9em; color:#2c2c2c; } p.subrayado {font-family: verdana; font-size: 0.9em; text-decoration:underline; font-weight:bold; color:#2c2c2c; } .bold {font-weight: bold;} /* 5 Lists ----------------------------------------------------------------------------------------------------------------------- */ /* 6 Images ----------------------------------------------------------------------------------------------------------------------- */ /* 7 Links ----------------------------------------------------------------------------------------------------------------------- */ #banner-desc p a{font-family: Tahoma, Geneva, sans-serif; font-size: 0.9em; color: #fff; text-decoration: none;} #banner-desc p a:hover{color: #a2bd7a;} #banner-desc p a:active{color: #fff;} /* 8 Forms ----------------------------------------------------------------------------------------------------------------------- */ /* 9 Typography ----------------------------------------------------------------------------------------------------------------------- */ /* 10 Others ----------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------- //CSS layouts contents// 1 Header - 2 Subinfo - 3 banner - 4 News - 5 MainContent - 6 Footer ----------------------------------------------------------------------------------------------------------------------- */ /* 1 Header ----------------------------------------------------------------------------------------------------------------------- */ #logo {width: 20%; margin: 0px 0 0 10px; padding: 0; display: block; float: left; } #slogan {float: right; padding:2px 90px 0px 0px; margin-top: 8px; background-image:url(../images/bg-hightlights.png); width: 270px;height:90px;background-repeat: repeat-y } /* 2 Subinfo ----------------------------------------------------------------------------------------------------------------------- */ #sub-info { margin-top:3px; margin-left: 4px; float:left; width: 972px; height: 27px; background: #3e4833 url(../images/bg-SubInfo.png) repeat-x; font-family: verdana, Arial; font-size:0.7em;color: #a1a69e } #fecha { float:left; margin:5px 0px 0px 10px; width: 300px;} #relog { float:right; margin:5px 10px 0px 0px; width: 100px; color:#FFF; font-family:Verdana, Geneva, sans-serif; font-size:12px;} /* 3 banner ----------------------------------------------------------------------------------------------------------------------- */ #img-banner { float:left; padding:22px 0px 0px 35px; } #banner-desc{width:450px; height:100px; float: left; margin: 35px 0px 0px 35px;} #iconradio{width:64px; height:64px; padding-top:10px; margin:15px 10px 0px 10px; float:left;} #reproductor{width:290px; height: 75px; padding:8px 0px 0px 55px; line-height: 1.9em; float:left; font-size: 0.9em; font-family: "Tahoma", Geneva, sans-serif; color: #a2bd7a;margin-top: 15px; background-image: url(../images/escuchar-online.png); } /* 4 News ----------------------------------------------------------------------------------------------------------------------- */ #sidebar-left .tit{font-family:"Myriad Pro",Trebuchet MS,Helvetica; font-size: 1em;color: #292929; font-weight: bold;} #sidebar-left .twitter{ width: 250px; font-family: "Myriad Pro",Trebuchet MS,Helvetica, Arial; font-size: 0.9em; color: #333333;padding: 1em 0 0 1em;} #sidebar-left img{float: right; padding-right: 2em;} #twitter_update_list{line-height: 1.2em; margin: 0 0 1em 0; display:block; } #twitter_update_list li{margin: 0 0 15px 0; display:block; } /* 5 MainContent ----------------------------------------------------------------------------------------------------------------------- */ #main-content { width: 640px; height:400px; float: right; margin-right: 1em; } #main-content p{font-family: "Verdana", Geneva, sans-serif; font-size: 0.8em;} #main-content .highlights-5 {font-family: verdana; font-size: 1.3em; color:#5b8e00; } #main-content a{ color:#5b8e00;} #main-content a:hover { color:#292929;} #main-content a:active { color:#5b8e00;} #main-content a:visited { color:#5b8e00;} #titulo {display: block; padding: 3px; margin: 3px; height:70px;} #foto {width: 144px; height: 271px; display: block;padding:2em 0 0 0em; margin: 3px; } #texto {width: 476px; float: right; display: inline; padding:3em 0 0 1em; line-height: 1.3em; padding: 3px; margin-top: 1em;} .paragraph-m { margin: 1em 0 1.4em 1em; } .paragraph-s { margin: 0 0 0.5em 0; } /* 6 Footer ----------------------------------------------------------------------------------------------------------------------- */ #menu-footer {padding: 1em 0 0 4em; margin-top: 5px; float: left;} #menu-footer a{font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 0.7em; color: #2c3029;} #menu-footer a:hover {color: #5b8e00;} #menu-footer a:active {color: #2c3029;} #menu-footer a:visited {color: #2c3029;} #menu-footer ul li{ display: inline; padding-left: 1em;} #copyright { width: 400px; float: right; font-family: "Verdana", Geneva, sans-serif; font-size: 0.7em; padding: 15px 30px 0px 0px; text-align: right; } #copyright a{color: #2c3029;} #copyright a:hover {color: #5b8e00;} #copyright a:active {color: #2c3029;} #copyright a:visited {color: #2c3029;} /* 7 int pages ----------------------------------------------------------------------------------------------------------------------- */ #sub-info-int { padding:16px 0px 0px 0px; float:left; width: 980px; height: 58px; display: inline; background:url(../images/bg-tit-donde.png) repeat-x; margin-top: 3px; } #banner-int {width: 980px; height: 291px; clear: both; background: #fff url(../images/bg-banner-int.png) repeat-x; margin-top: 0px; text-align: center;} #banner-int-prog {width: 980px; height: 1px; clear: both;} #content-int {background-color:#fff; width: 980px; height: 606px; margin: 0;} #content-int-club {background-color:#fff; width: 980px; height: 760px; margin: 0;} #content-int-prog {background-color:#fff; width: 980px; height: 770px; margin: 0;} #content-int-historia {background-color:#fff; width: 980px; height: 900px; margin: 0;} #historia {padding:1em 1em 0em 1em; float:right; } #fotohistoria {width: 144px; height: 271px; padding:1em 2em 0 4em; margin: 3px; float:left; } #content-int-historia p{margin: 0;font-family: "Verdana", Geneva, sans-serif; font-size: 0.9em;line-height: 1.4em; padding:1em 3em 1em 3em;} #content-int-min {background-color:#fff; width: 980px; height: 570px; margin: 0;} #tit-int { margin-left: -10px; padding: 1px 0px 0px 35px; font-family: "Trebuchet MS", Helvetica, sans-serif; color:#fff; width:40%; height: 32px; background-color:#261d4e;float: left; font-size: 1.5em;} .tit-int-punta {float:left; height:33px;} #tit-int-shadow {width:9px; height:7px; clear: both; margin-left: -10px; margin-top: -5; background-color:#6c609f;} #subtit-int{width: 850px; height: 63px; padding: 20px 0 0 0px; float: right; font-family: "Trebuchet MS", Helvetica, sans-serif; color:#333; font-size: 1.5em; font-weight: bold;} #subtit-int-icon {margin: 10px 10px 0px 48px; width: 71px; height: 63px; float: left; text-align: center;} #content-main-int {margin: 0px 25px 0 25px; clear: both;} #content-main-club {margin: 0px 60px 0 40px; clear: both; font-family: "Verdana", Geneva, sans-serif; font-size: 0.9em; color #333;} .subtit-ministerio {font-family:Tahoma, Geneva, sans-serif; font-size:1em; font-weight:bold; padding:2em 0 0 4em;} #content-main-int .tit-highlight {font-size: 1.5em; color:#135077;} #content-main-int .paypal{float:center; margin-left: 500px; border: 1px solid #333;} #content-main-left{float:left; width: 450px; margin-top: 5px; font-family: "Verdana", Geneva, sans-serif; font-size: 0.9em; line-height: 1.4em;} #content-main-right{float: right; width: 450px; margin-top: 5px;font-family: "Verdana", Geneva, sans-serif; font-size: 0.9em; line-height: 1.4em; } .cajagris {padding: 10px 0 0 16px; width: 462; height:130px; background-color:#e0e0e0; border: 1px solid #333; } #reuniones{padding-top: 10px; clear:both;} #content-main-left p.frases {font-style: italic; font-size: 0.8em;} /* Conatct Form */ .response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;} .loader { text-align:center; width:auto; padding:0; margin:0;} #contactform { margin:0; padding:5px;} #contactform { font-family: Arial, Helvetica, sans-serif;; font-size:0.9em;} #contactform ol { margin:0; padding:0; list-style:none;} #contactform li { margin:0 0 5px 0; padding:10px; background:none;} #contactform li.buttons { margin:0; overflow:hidden;} #contactform label { margin:0; width:150px; display:block; float:left; padding:0 0 2px 0; font:normal 1.5em Arial, Helvetica, sans-serif; color:#666666;} #contactform label span { font:normal 11px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;} #contactform input.text { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#f0f0f0;} #contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#f0f0f0;} #contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#d14603; border:1px solid #e46300; color:#FFF; float:left;} .main .global_main { float:left; width:610px; margin:15px 47px !important;font-family: Helvetica, Arial, sans-serif;; font-size: 0.9em; line-height: 1.5em;} .main .support { float: right; width:200px; margin:15px 20px 0px 0px !important;font-family: Helvetica, Arial, sans-serif;; font-size:0.9em;border:1px solid #d6d6d6;background:#f0f0f0; padding: 15px 0 15px 25px;}