/** * Credits and license of this css: http://www.digitalframe.ws * Code extracted of: mainmain.css v1.0.20 */ h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin: 0; padding: 0; } a img,:link img,:visited img { border: none; } a { text-decoration: none; } a:hover { text-decoration: underline; } body, td { margin: 0; padding: 0; font-family: sans-serif, Helvetica, Arial; font-size: 11px; font-weight: normal; } body { background: #622800 url(../images/HOME-final_05.jpg) repeat-x; } /* Layout */ #canvas { width: 960px; margin: 0 auto 0 auto; } #simplePage { padding: 40px 10px 0 10px; } /* Cabecera */ #header { height: 124px; background: transparent url(../images/header.jpg) no-repeat scroll 0 0; } #header span { display:none; } #header span.slogan { font-size: 14px; } /* Side content */ #side-left { float:left; width: 718px; } #side-right { float:right; width: 237px; } /* Fraces del dia */ #frase-del-dia { width: 718px; height: 99px; overflow:hidden; position:relative; border-bottom: 5px solid #ff7800; } #frase-del-dia span { display:none; } /* Banners */ #banners { margin: 0 0 5px 0; width: 237px; height: 235px; overflow:hidden; position:relative; } #banners span { display:none; } #banners-title { text-align: right; text-transform: uppercase; font-family: sans-serif; font-size:12px; color: #ff9d30; } #cover-banners { width: 237px; height: 235px; overflow:hidden; position:absolute; z-index:2; background: url(../images/HOME-final_03.png) no-repeat; } #cont-banners { width: 222px; height: 221px; text-align: center; position:absolute; z-index:1; top: 7px; left: 8px; background: transparent !important; } #slider ul, #slider ul li{ margin:0; padding:0; list-style:none; } #slider ul li{ width:237px; height:236px; overflow:hidden; } #prevBtn, #nextBtn{ display:block; width:30px; height:77px; position:absolute; left:-30px; top:71px; } #nextBtn{ left:237px; } #prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(images/btn_prev.gif) no-repeat 0 0; } #nextBtn a{ background:url(images/btn_next.gif) no-repeat 0 0; } /* Partners */ #partners { margin: 0 0 5px 0; width: 237px; height: 76px; overflow:hidden; position:relative; background: #3e3e41 url(../images/HOME-final_19.png) no-repeat scroll 0 0; } #partners span { display:none; } #partners-title { text-align: right; text-transform: uppercase; font-family: sans-serif; font-size:12px; color: #fff; } #partners #spartners { position: absolute; left:10px; top:9px; width:219px; height:61px; overflow:hidden; } #partners #spartners ul, #spartners ul li{ margin:0; padding:0; list-style:none; } #partners #spartners ul li{ width:219px; height:61px; overflow:hidden; } /* site Navigation */ #main-menu { display:block; margin: 0 32px 0 14px; width: 675px; position:relative; z-index: 10; } .site-navigation { margin:0; padding:0; list-style:none; } .site-navigation li { list-style:none; float:left; margin:0; padding:0; background: #87dff4; } /* General */ #cssdropdown, #cssdropdown ul { list-style: none; margin:0; padding:0; } /* Head links */ #cssdropdown li.headlink { float: left; } /* Child lists and links */ #cssdropdown li.headlink ul { display: none; text-align: left; position:absolute; top: 27px; background: #333; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #cssdropdown li.headlink:hover ul { display: block; } #cssdropdown li.headlink ul li { padding: 5px; } #cssdropdown li.headlink ul li a { padding: 5px; color: #fff; text-decoration:none; } #cssdropdown li.headlink ul li a:hover { text-decoration: underline; } /* Pretty styling */ /*#cssdropdown li.headlink { background-color: white; } #cssdropdown li.headlink ul { padding-bottom: 10px; }*/ /* menu-bottom */ ul#menu-bottom { list-style:none; margin:0; padding:0; } ul#menu-bottom li { margin: 20px 0; padding:0; float:left; border-bottom: 2px solid #fff; } ul#menu-bottom li a { display:block; width:110px; padding:4px 0; text-decoration:none; text-align:center; font-size:13px; font-family: sans-serif, Helvetica, Arial; color:#FFFFFF; background-color: transparent !important; border-right: 2px solid #fff; } ul#menu-bottom li a:hover { color:#fff; background-color: transparent !important; text-decoration: underline; } /* Random content */ #random-content { margin:0; width: 237px; height: 199px; overflow:hidden; position:relative; z-index: 1; background: url(../images/random-content.png) no-repeat scroll 0 0; } #random-content span { display:none; } #random-content-title { text-align: left; text-transform: uppercase; font-family: sans-serif; font-size:12px; color: #fff; } /* Proyectos menu */ #random-content .titpro { height: 50px; background: url(../images/proyectos.png) no-repeat 10px 10px; padding: 15px 0 0 60px; color: #fff; font-size: 16px; font-family: sans-serif, Helvetica, Arial; } ul.proyectos-menu { list-style:none; margin: 0 0 0 20px; padding:0; } ul.proyectos-menu li { margin:0; padding:0; } ul.proyectos-menu li a { display:block; width:200px; padding: 2px; text-decoration:none; text-align:left; font-size:12px; font-family: sans-serif, Helvetica, Arial; color:#FFFFFF; } ul.proyectos-menu li a:hover { background: #dfdfdf; color: #555; } /* Random partners */ #random-partners { margin:0 0 5px 0; width: 237px; height: 86px; overflow:hidden; position:relative; z-index:1; background: url(../images/random-partners.png) no-repeat scroll 0 0; } #random-partners span { display:none; } #random-partners-title { text-align: left; text-transform: uppercase; font-family: sans-serif; font-size:12px; color: #fff; } /* Content home */ #content-home { height: 400px; border-bottom:2px solid #fff; position: relative; z-index: 1; } #content { height: 350px; width: 100%; position:relative; z-index: 1; } #content div#servicios, #content div#calendarios { width: 284px; height: 239px; background: transparent url(../images/content-home.png) no-repeat; position: absolute; top: 60px; } #content div#servicios { left: 58px; } #content div#calendarios { left: 352px; } #content .titser { height: 50px; background: url(../images/HOME-final_11.png) no-repeat 10px 10px; padding: 15px 0 0 65px; color: #fff; font-size: 18px; font-family: sans-serif, Helvetica, Arial; } #content .titcal { height: 50px; background: url(../images/HOME-final_14.png) no-repeat 10px 10px; padding: 15px 0 0 60px; color: #fff; font-size: 18px; font-family: sans-serif, Helvetica, Arial; } /* Servicios menu */ ul.servicios-menu { list-style:none; margin: 0 0 0 20px; padding:0; } ul.servicios-menu li { margin:0; padding:0; } ul.servicios-menu li a { display:block; width:100px; padding:2px; text-decoration:none; text-align:left; font-size:13px; font-family: sans-serif, Helvetica, Arial; color:#FFFFFF; } ul.servicios-menu li a:hover { background: #dfdfdf; color: #555; } .servicios-menu li ul.sub-menu { margin: 0; padding: 0; position: absolute; left: 130px; top: auto; visibility: hidden; background: url(../images/row-menus.png) no-repeat left 8px; } .servicios-menu li ul.sub-menu li { float: none; display: block; padding-left: 15px; } .servicios-menu li ul.sub-menu li a { width: 100px; padding-left: 10px; padding-right: 10px; border-left: 1px solid white; } .servicios-menu li ul.sub-menu li a:hover { background: #dfdfdf; color: #555; } /* Calendario menu */ ul.calendario-menu { list-style:none; margin: 0 0 0 20px; padding:0; } ul.calendario-menu li { margin:0; padding:0; } ul.calendario-menu li a { display:block; width:200px; padding: 3px; text-decoration:none; text-align:left; font-size:13px; font-family: sans-serif, Helvetica, Arial; color:#FFFFFF; } ul.calendario-menu li a:hover { background: #dfdfdf; color: #555; } /* menu-bottom-home */ #menu-bottom-home { width: 515px; margin: 0 auto 0 auto; } ul#mbh { list-style:none; margin:0; padding:0; } ul#mbh li { margin:2px; padding:0; float:left; height:40px; background-color:#a37c5c; width:165px; } ul#mbh li a { display:block; margin:4px; padding: 8px 0 9px 0; text-decoration:none; text-align:center; font-size:13px; color:#000; background-color:#f5ceae; } ul#mbh li a:hover { cursor: pointer; } .mbh-content{ color: #ffffff; width: 454px; height: 225px; padding:8px; overflow:hidden; margin: 5px; z-index: 100; position:absolute; bottom: 44px; background: #000; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } #arq .mbh-content { left: 15px; display: none; } #pre .mbh-content { left: 150px; display: none; } #eje .mbh-content { left: 240px; display: none; } .mbh-content .cms_updates { color: #fff; } ul#mbh li .barra { margin-bottom: 4px; height:70px; background-color: #5c5c5c; color:#ffffff; text-align: center; } ul#mbh li .barra a { display:block; background: transparent !important; color:#ffffff; font-size: 14px; } #footer { position: relative; z-index: 1; height: 236px; width:955px; color: #fff; margin-bottom: 10px; text-align: center; } #footer-content { position: absolute; z-index:1; right:0px; bottom:0px; width: 700px; height: 100px; text-align: center; } /* Contact */ #contact { position: absolute; z-index: 2; left:0px; top:0px; background: url(../images/HOME-final_34.png); width: 260px; height: 216px; } #contact form { padding: 10px; width: 230px; margin:0; text-align: left; } #contact form label { display:block; float:left; width: 50px; font-family: sans-serif, Helvetica, Arial; font-size: 13px; padding: 3px; } #contact form input { display:inline; width: 215px; border:none; background: transparent; background-color: #e6e6e6 !important; font-size: 13px; color: #000; padding: 5px; margin: 0 0 3px 0; } #contact form textarea { display:block; width: 219px; height: 95px; border:none; background: transparent; background-color: #e6e6e6 !important; font-size: 13px; color: #000; padding: 3px; margin: 0 0 3px 0; } #contact form input.submit { display:block; width: 100px; padding: 0; float: right; height: 20px; margin-right: 4px; } /* editBox */ /* #canvas-edit { position: absolute; left:0; top:0; } #editorside { width: 250px; border-right: 3px solid gray; position: relative; left:0; } #siteside { width: 955px; overflow:hidden; position: absolute; top:0; left: 255px; }*/