/* Theme Name: A.P.T.A Theme URI: http://www.apta.org.ar Description: Plantilla de la web 'A.P.T.A' Version: 1.0 Author: Estudio Bamboo para Applied Marketing (http://www.amarketing.com.ar) Author URI: http://www.estudiobamboo.com.ar Tags: 2.0, clean, products */ /* TABLE OF CONTENTS 00 - Utilities 01 - Global Elements - Standard Elements and Main Structure 02 - Typography - All Type throughout the site 03 - Header - Header, Logo, navigation. 04 - Main Content - Por que Red Hat, Sorteos, Newsletter. 05 - Sidebar - Content sidebar. 06 - Pre Footer - Cursos y Cert., Eventos, Encuesta. 07 - Footer - Info de Contacto, Contactos en la Red, Enlaces Rapidos, Copyright, Sponsors.*/ @import "assets/css/reset.css"; /* ----------------------------------------------*/ /* 00 - UTILITIES /* ----------------------------------------------*/ .floatleft { float:left; } .floatright { float:right; } .clearfix { clear:both; height:1px; } .margin-15 { margin-bottom:15px; } .margin-30 { margin-bottom:30px; } /* ----------------------------------------------*/ /* 01 - GLOBAL ELEMENTS AND MAIN STRUCTURE /* ----------------------------------------------*/ html { width:100%; height:100%; overflow:auto; } body { margin:0; padding:0; width:100%; height:100%; color:#7b5a47; background:#f0efe0; font:12px Arial, Helvetica, sans-serif; } #container { width:100%; height:auto; min-height:100%; position:relative; } #header { width:100%; height:192px; float:left; background:#fff; position:relative; z-index:100; } #sub-header { width:100%; min-height:79px; _height:79px; height:auto; float:left; position:relative; z-index:75; background: url(images/bg_sub-header.jpg) repeat-x; padding-top:20px; margin-bottom:10px; } #content { width:100%; height:auto; float:left; position:relative; margin-bottom:20px; } #footer { width:100%; height:100px; float:left; background:#cec2b2; border-top:10px solid #e2dece; } .wrapper { width:940px; margin:0 auto; overflow:hidden; padding:0 10px; position:relative; } /* ----------------------------------------------*/ /* 02 - TYPOGRAPHY /* ----------------------------------------------*/ @font-face { font-family: 'CaeciliaLTStd55Roman'; src: url('fonts/caecilialtstd-roman-webfont.eot'); src: local('CaeciliaLTStd55Roman'), url('fonts/caecilialtstd-roman-webfont.woff') format('woff'), url('fonts/caecilialtstd-roman-webfont.ttf') format('truetype'), url('fonts/caecilialtstd-roman-webfont.svg#webfont8eUgAgZN') format('svg'); font-weight: normal; font-style: normal; } h1 { display:block; height:267px; width:165px; float:left; margin:10px 10px 0 0; } h1 img { border:none; } h2, h3, h4, h5, h6 { clear:both; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#523c2f; font-weight:normal; } h2 { font-size:29px; color:#bfb8a7; clear:none; float:left; display:block; line-height:43px; font-weight:bold; font-family:CaeciliaLTStd55Roman; letter-spacing:-2px; } #main-content h3 { margin:20px -5px 0; position:relative; z-index:70; height:73px; background:url(images/bg_h3.png) no-repeat; overflow:hidden; line-height:77px; font-size:24px; letter-spacing:-1px; font-weight:normal; color:#523c2f; padding-left:23px; margin-bottom:30px; } h4 { font-size:19px; padding:0 18px; } #sidebar h4 { font-size:19px; padding:0; } #sidebar { font-size:13px; } h5 { font-size:15px; color:#AA5907; font-weight:bold; padding:0 25px; margin-bottom:2px; } h6 { font-size:13px; color:#AA5907; font-weight:bold; padding:0 25px; margin-bottom:2px; } #main-content p { margin-bottom:15px; font-size:14px; color:#7b5a47; padding:0 18px; } #main-content a, #sidebar a { color:#4e3206; border-bottom:1px solid; text-decoration:none; } #main-content a:hover, #sidebar a:hover { color:#aa6502; } form.cmxform em { font-weight: bold; font-style: normal; color: #f00; } /* ----------------------------------------------*/ /* 03 - HEADER /* ----------------------------------------------*/ #header .wrapper { overflow:visible; } #header span.date { color:#d17b00; display:block; font-size:11px; clear:right; position:absolute; right:10px; top:90px; } /* LEVEL ONE */ ul.dropdown { position: relative; line-height:49px; border:1px solid #ded5cf; width:550px; height:47px; float:right; background:url(images/bg_menu.jpg) repeat-x; margin-top:118px; z-index:200 } ul.dropdown li { font-weight: bold; float: left; zoom: 1; background:url(images/menu_separator.jpg) top right no-repeat; display:block; } ul.dropdown li a { display: block; color: #491701; padding:0 30px; text-decoration:none; text-shadow:2px 2px 0 #FFFFFF; margin:0px; } ul.dropdown li.last { background:none; } ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */ ul.dropdown li.hover { position: relative; z-index:9999px; } ul.dropdown li.hover a { color:#d17b00; } /* LEVEL TWO */ ul.dropdown ul { width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:9999px; } ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; height:auto; width:100%; } /* IE 6 & 7 Needs Inline Block */ ul.dropdown ul li a { border-right: none; display: inline-block; height:100%; } /* LEVEL THREE */ ul.dropdown ul ul { left: 75%; top: 8px; } ul.dropdown li:hover > ul { visibility: visible; } ul.dropdown ul.sub_menu { border:1px solid #ded5cf; } ul.dropdown ul.sub_menu li { background:url(images/bg_menu.jpg) repeat-x; border-bottom:1px solid #d7d7d7; border-top:1px solid #fefefd; } ul.dropdown ul.sub_menu li a { display: block; color: #491701; text-decoration:none; text-shadow:2px 2px 0 #FFFFFF; font-size:11px; font-weight:bold; line-height:40px; } ul.dropdown ul.sub_menu li ul { border:1px solid #ded5cf; } ul.dropdown ul.sub_menu li a:hover { color: #d17b00; } /* ----------------------------------------------*/ /* 04 - MAIN CONTENT /* ----------------------------------------------*/ #main-content { width:617px; height:auto; min-height:514px; float:left; display:inline; background:#f6f6ed; border:1px solid #dbd4c6; border-bottom:6px solid #dbd4c6; position:relative; z-index:50; padding-bottom:20px; } hr { width:80%; margin:20px auto; border:solid #dbd4c6; border-width: 1px 0 0 0; color:#dbd4c6; height:1px; clear:both; float:none; } #error-404 { height:128px; background:url(images/bg_error-404.png) 0 0 no-repeat; float:left; padding: 25px 0 0 120px; margin:0 0 0 8px; } table.data { width:94%; clear:both; border-collapse:collapse; margin-left:18px; } table.data thead, table.data tbody { width:100%; clear:both; } table.data thead { color:#DFCEC3; background:#8A7B65; } table.data thead th { padding:15px 0 15px 20px; } table.data td a { width:24px; height:24px; display:inline; margin:0 0 0 4px; } table.data .id { width:8%; color:#fff; } table.data .category { width:62%; text-align:left; } table.data .title { width:40%; text-align:left; } table.data .pubdate { width:20%; } table.data .status { width:15%; } table.data .action { width:30%; white-space:nowrap; } /*table.data .cargo, table.data .nombre { width:30%; white-space:nowrap; text-align:left; padding:8px 0 8px 20px; } table.data .editorial { width:40%; text-align:left; padding:8px 0 8px 20px; } */ table.data .cargo { width:40%; white-space:nowrap; text-align:left; padding:8px 0 8px 20px; } table.data .nombre { width:60%; text-align:left; padding:8px 0 8px 20px; } table.data tr { border-bottom:1px solid #FFFFFF; } table.data th { font-size:10px; font-weight:normal; padding:13px 0 13px 20px; vertical-align:middle; text-transform:uppercase; } table.data td { background:#E3DECF; vertical-align:middle; line-height:25px; } table.data tr:hover td { background:#CFC7A8; } #map_canvas { width:350px; height:400px; border:6px solid #dbd4c6; float:left; margin:0 18px; } ul#datos-fisicos { border-left:6px solid #dbd4c6; float:left; margin-top:230px; } ul#datos-fisicos li { padding-left:15px; color:#7b5a47; line-height:18px; } ul.lists { padding-left:33px; padding-bottom:20px; } ul.lists li { list-style-type:disc; list-style-position:inside; line-height:20px; } ul.lists ul { padding-left:20px; } ul.society { margin-left:18px; background:#eeeadd; border:1px solid #d4cdbf; width:94%; margin-bottom:10px; float:left; } ul.society li { margin:0; } ul.society li.head { height:22px; background:#e3decf; border-bottom:6px solid #d4cdbf; padding:8px 0 0 15px; font-size:12px; font-weight:bold; color:#523c2f; } #main-content ul.society li.head a.control { width:36px; height:36px; text-indent:-9999px; display:block; float:right; margin-top:-8px; border:none; } ul.society li.head a.down { background:url(images/ico_arrow-down.png) center center no-repeat; } ul.society li.head a.up { background:url(images/ico_arrow-up.png) center center no-repeat; } ul.society li.body { height:90px; padding:10px 12px 15px 12px; display:none; } ul.society li.body span { display:block; line-height:23px; clear:both; font-size:11px; } ul.society span.client, ul.society span.contact { padding-left:30px; } ul.society span.client { background:url(images/ico_cliente.png) left center no-repeat; } ul.society span.contact { background:url(images/ico_contacto.png) left center no-repeat; } #main-content ul.society li.body a { display:block; line-height:28px; border:none; border:1px solid #d4cdbf; text-decoration:none; font-size:10px; min-width:70px; float:left; padding:0 10px 0 27px; margin-top:15px; color:#523c2f; } #main-content ul.society li.body a.website { background:#e3decf url(images/ico_sitio-web.png) 7px center no-repeat; float:left; } #main-content ul.society li.body a.email { background:#e3decf url(images/ico_email.png) 7px center no-repeat; float:left; margin-left:5px; } #main-content ul.society li.body a.moreinfo { background:#e3decf url(images/ico_ver-publicacion.png) 7px center no-repeat; float:right; } #posts hr { margin:30px auto 50px auto; display:block; } .post { padding-bottom:10px; } #main-content .post a.continuar { display:block; line-height:28px; border:none; border:1px solid #d4cdbf; width:auto; margin-top:12px; color:#523c2f; font-size:12px; background:#e3decf; float:right; margin:12px 36px 0 0; padding:0 8px; } #main-content .post a.continuar:hover { color:#aa6502; } .post h4 { margin-bottom:5px; } .post p.details { line-height:24px; } .post p.details span { font-size:11px; color:#AFA799; padding-left:20px; } .post p.details span.date { background:url(images/ico_calendar.png) left center no-repeat; } .post p.details span.category { background:url(images/ico_favorite.png) left center no-repeat; } .post p.details span.rss { background:url(images/ico_rss.png) left center no-repeat; } .post-content img { border:6px solid #dbd4c6; display:block; margin:15px; } .post .share-box { padding:20px 0 20px 36px; display:block; } .post .share-box ul li { float:left; display:block; width:auto; } .post .share-box ul li span { float:left; display:block; width:auto; margin:1px 7px 0 0; color:#AFA799; font-size:11px; } .post .tag-box ul li span { margin:4px 4px 0 0; } #main-content .post .share-box ul li a { float:left; display:block; width:15px; padding-right:5px; border:none; } #main-content .post .share-box ul li a img { float:left; display:block; width:15px; height:15px; margin-bottom:1px; } #main-content .post .share-box ul li a span { margin-top:-1px; display:none; } #main-content .post .share-box ul li a:hover { float:left; display:block; width:auto; } #main-content .post .share-box ul li a:hover span { display:block; margin-left:3px; color:#4e3206; border-bottom:1px solid; margin-top:1px; } #main-content ul.pages { float:left; margin-bottom:30px; padding-left:18px; } #main-content ul.pages li { float:left; display:block; width:auto; margin:0 10px 10px 0 ; background:#999999; padding:1px; border:1px solid #cfcfcf; background:#fff; } #main-content ul.pages li.txt { margin-right:10px; background:none; border:none; line-height:27px; } #main-content ul.pages li a { padding:5px 9px; background:#eeebeb; font-size:11px; font-weight:bold; display:block; text-align:center; text-decoration:none; color:#7B5A47; border:none; } #main-content ul.pages li.active { border:1px solid #9a9a9a; } #main-content ul.pages li.active a { background:#DBD4C6; } #gallery { padding-left:16px; } #gallery .block { width:166px; height:190px; float:left; padding:6px; } #gallery.inside .block { height:148px; } #gallery a.group { display:block; border:none; } #gallery div.pic { border:1px solid #dbd4c6; background:#fff; padding:6px; margin-bottom:6px; height:125px; overflow:hidden; } #gallery div.pic:hover { border:1px solid #9F988B; } #gallery div.image { width:154px; height:113px; overflow:hidden; } #gallery strong, #gallery span { padding-left:6px; display:block; clear:both; } #gallery span { color:#999999; font-size:11px; padding-top:3px; } #gallery img { width:100%; display:block; } /* #gallery .block { width:166px; height:190px; display:block; float:left; overflow:hidden; padding:6px; } #gallery a { border:none; } #gallery .content { width:166px; height:190px; } #gallery div.see { position:absolute; width:154px; height:113px; background:#4A4C47 url(images/ico_zoom.png) center center no-repeat; margin:7px 0 0 7px; cursor:pointer; } #gallery div.pic { border:1px solid #dbd4c6; background:#fff; padding:6px; margin-bottom:6px; height:125px; overflow:hidden; } #gallery div.image { width:154px; height:113px; overflow:hidden; } #gallery strong, #gallery span { padding-left:6px; display:block; clear:both; } #gallery span { color:#999999; font-size:11px; padding-top:3px;} #gallery img { width:100%; display:block; overflow:hidden; } */ img.seccion { margin:0 0 0 18px; display:block; border:6px solid #dbd4c6; } /* ----------------------------------------------*/ /* 05 - SIDEBAR /* ----------------------------------------------*/ #sidebar { width:300px; height:auto; min-height:514px; float:right; display:inline; margin-top:-8px; overflow:hidden; } #sidebar ul { border-left:6px solid #dbd4c6; } #sidebar ul li { padding-left:15px; color:#7b5a47; line-height:18px; } #sidebar img { border:6px solid #dbd4c6; margin:8px 0; display:block; } #sidebar img.banners { border:none; } /* ----------------------------------------------*/ /* 07 - FOOTER /* ----------------------------------------------*/ #footer .copyright { width:auto; float:left; margin-top:10px; } #footer .copyright a { text-decoration:none; height:64px; display:block; clear:none; float:left; width:76px; } #footer .copyright span { float:left; line-height:65px; padding-left:10px; font-size:10px; color:#fff; } #footer .credits { width:auto; float:right; margin-top:10px; } #footer .credits span { line-height:65px; font-size:10px; color:#fff; } #footer .credits span a { color:#aa6502; } #footer .credits span a:hover { color:#4e3206; } form.cmxform { width: 75%; font-size: 12px; color: #7B5A47; } form.cmxform input, form.cmxform textarea { padding:7px 6px; background:#fff url(images/bg_input.jpg) 0 0 repeat-x; font:12px normal; color:#7b5a47; border:1px solid #DBD4C6; } form.cmxform input.send { color:#7B5A47; cursor:pointer; padding:10px 13px; } form.cmxform fieldset { margin-bottom: 10px; width:400px; } form.cmxform legend { padding: 0 2px 15px 2px; font-weight: bold; } form.cmxform fieldset p { color:#9D9D9D; } form.cmxform label { display: inline-block; line-height:30px; vertical-align: top; font-size:12px normal; } form.cmxform fieldset ol { margin: 0; padding:0 0 0 18px; } form.cmxform fieldset li { list-style: none; padding: 5px 0; margin: 0; } form.cmxform fieldset fieldset { border: none; margin: 3px 0 0; } form.cmxform fieldset fieldset legend { padding: 0 0 5px; font-weight: normal; } form.cmxform fieldset fieldset label { display: block; width: auto; line-height:20px; } form.cmxform fieldset li.last label { display:none; } form.cmxform label { width: 140px; /* Width of labels */ } form.cmxform fieldset fieldset label { margin-left: 140px; /* Width plus 3 (html space) */ } form.cmxform fieldset ol li#gral-message { background:none; margin-bottom:0; padding-left:150px; } form.cmxform fieldset ol li#gral-message span { background:url(images/forms_messages-sprite.png) no-repeat; padding-left:20px; padding-top:1px; } form.cmxform fieldset ol li#gral-message span.error { background-position:0 0; color:#9D3535; } form.cmxform fieldset ol li#gral-message span.success { background-position:0 -16px; color:#4D962D; } form.cmxform small { color:#9D9D9D; font-size:10px; padding-left:143px; }