/* Created by chris a. telfer E-Mail: dontbothertoemailme@home.com Date: 17/04/09 */ /* ------------------------------------------ -----------GENERAL LAYOUT----------------- ------------------------------------------ */ body,html {font-family: Arial, Helvetica, sans-serif;font-size: 13px;background:#928d7b;} #wrapper {margin: 0 auto;width: 670px;padding:0;} #header {width: 670px;padding: 0;height: 350px;margin: -5px 0 0 0;background: #F3F2F2;background-image: url(/imagenes/bkgrnd.jpg); background-repeat: no-repeat;position:relative;} #content_body {width: 650px;color: #333;background: #ffe6e0;margin: 0;padding: 10px;position:relative;} #footer {width: 670px;color: #333;background: #ffe6e0;margin: 0 0 10px 0;padding: 60px 0 0 0;height: 30px;font-size:11px;} #footer ul {text-align: right; color:#000; padding:10px;} #footer li {display:inline; margin-left:5px;} #footer a {color:#8E741F; } #legal {} span.legal { font-size: 10px; font-weight:bold; color:#2586B0 } .clear {clear:both; } /* ------------------------------------------ --------------HOMEPAGE-------------------- ------------------------------------------ */ #main_image { width: 110px; height: 260px; position:absolute; right:20px; top:-30px; background:transparent;} #intro_txt {width: 520px;padding:0; margin:-16px 0 0 0; z-index: 100;} /* ------------------------------------------ -------------TYPOGRAPHY------------------- ------------------------------------------ */ h1 {margin: 0; padding:0;font-size: 35px ; font-weight:bold;color: #000;} h1.section_title{margin: 0; padding:0;font-size: 45px ; font-weight:bold;color: #000;} h2 {font-size: 27px;font-weight:bold;color:#454544; margin: 0; padding: 0;} h3 { font-size: 20px;padding:0; margin:0;color: #74534C;} h4 { font-size: 16px;padding:0; margin:0;color: #000000;font-weight:bold;} p { margin-bottom: 5px; color:#454544; line-height:1.4em} a:link {color: #2D2D2D;text-decoration: none; } a:visited {color: #2D2D2D; text-decoration:none;} a:hover {text-decoration: underline; color:#2586B0;} a:active { text-decoration: none; } ul, li {list-style-type:none; color: #000;} a:link { color: #2586B0;text-decoration: none; } a:visited { color: #2586B0; text-decoration:none;} a:hover { text-decoration: underline; color:#2586B0;} a:active { text-decoration: none; } span.dropcap {float: left;font-size: 160px;margin:0 10px 0 0;padding:0;color:#8E741F;background-image: url (/imagenes/c.png);background-repeat: no-repeat;} img.floral {display: block;margin-left: auto; margin-right: auto; margin-top: 50px;} strong {font-weight:bold; } /* ------------------------------------------ --------------- MENU --------------------- ------------------------------------------ */ /*MAIN MENU */ #mainmenu {margin: 0; padding: 5px; position: relative; top: 0px; left: 10px;} #nav {margin: 0; padding: 0; list-style: none; display: inline; overflow: hidden; } #nav li { margin: 0; padding: 0;list-style: none; display: inline;} #inicio { position: absolute; top:95px; left: 0; } #inicio a { float: left; padding: 31px 0 0 0; overflow: hidden; height: 0 !important; height /**/:31px; /* for IE5/Win only */ } #inicio a:hover { background-position: 0 -31px; } #inicio a:active, #nav a.selected { background-position: 0 -31px; } #inicio a {width: 68px; background: url(/imagenes/inicio.png) top left no-repeat;margin-left:0px;margin-top:5px;} #cursos { position: absolute; top:105px; left: 85px; } #cursos a { float: left; padding: 51px 0 0 0; overflow: hidden; height: 0 !important; height /**/:51px; /* for IE5/Win only */ } #cursos a:hover { background-position: 0 -51px; } #cursos a:active, #nav a.selected { background-position: 0 -51px; } #cursos a {width: 70px; background: url(/imagenes/cursos.png) top left no-repeat;margin-left:-40px;margin-top:-27px;} #monograficos { position: absolute; top:105px; left: 150px;} #monograficos a { float: left; padding: 69px 0 0 0; overflow: hidden; height: 0 !important; height /**/:69px; /* for IE5/Win only */ } #monograficos a:hover { background-position: 0 -69px; } #monograficos a:active, #nav a.selected { background-position: 0 -69px; } #monograficos a {width: 147px; background: url(/imagenes/monograficos.png) top left no-repeat;margin-left:-32px;margin-top:-75px;} #productos { position: absolute; top:105px; left: 150px; } #productos a { float: left; padding: 45px 0 0 0; overflow: hidden; height: 0 !important; height /**/:45px; /* for IE5/Win only */ } #productos a:hover { background-position: 0 -45px; } #productos a:active, #nav a.selected { background-position: 0 -45px; } #productos a {width: 115px; background: url(/imagenes/productos.png) top left no-repeat;margin-left:90px;margin-top:-107px;} #blog { position: absolute; top:105px; left: 150px; } #blog a { float: left; padding: 45px 0 0 0; overflow: hidden; height: 0 !important; height /**/:45px; /* for IE5/Win only */ } #blog a:hover { background-position: 0 -45px; } #blog a:active, #nav a.selected { background-position: 0 -45px; } #blog a {width: 115px; background: url(/imagenes/blog.png) top left no-repeat;margin-left:185px;margin-top:-114px;} #sobre_nosotros { position: absolute; top:100px; left: 160px; } #sobre_nosotros a { float: left; padding: 58px 0 0 0; overflow: hidden; height: 0 !important; height /**/:58px; /* for IE5/Win only */ } #sobre_nosotros a:hover { background-position: 0 -58px; } #sobre_nosotros a:active, #nav a.selected { background-position: 0 -58px; } #sobre_nosotros a {width: 125px; background: url(/imagenes/sobre_nosotros.png) top left no-repeat;margin-left:255px;margin-top:-150px;} #contacto { position: absolute; top:115px; left: 100px; } #contacto a { float: left; padding: 58px 0 0 0; overflow: hidden; height: 0 !important; height /**/:58px; /* for IE5/Win only */ } #contacto a:hover { background-position: 0 -58px; } #contacto a:active, #nav a.selected { background-position: 0 -58px; } #contacto a {width: 80px; background: url(/imagenes/contacto.png) top left no-repeat;margin-left:450px;margin-top:-213px;} /* SUB MENU */ .no_show { } .level1 a{font-size: 14px;color:#000;} .level2 {margin-left: 8px;color:#3C3C3C;width:130px;font-size:12px;} .level2 li{padding:3px 0;} /* ------------------------------------------ --------------SECTIONS--------------------- ------------------------------------------ */ #section_title {position: absolute; top:-10px; left:0px; } #left_col {float:left; display:inline; width: 440px; margin:0; padding:0 5px;} #right_col {float:left; display:inline; width: 190px;margin:0; padding:0 5px;} /*image gallery */ .thumbnail{ float: left;width: 60px;margin: 0 0px 0px 0;padding: 2px;} .thumbnail img:hover {border-color: #8E741F; } .thumbnail a img {padding: 5px;border: 1px solid #c8c8c8;} /*productos */ #prod_left_col { float:left; display:inline; width: 130px; margin:0; padding:0 5px; } #prod_right_col { float:left; display:inline; width: 480px;margin:-30px 0 0 0; padding: 0;} #prod_right_col h1{color:#741F24;} #sub_navlist{padding-left: 0;margin-left: 0;font-size:16px;} #sub_navlist li{list-style: none;margin: 0;padding: 0.25em 0;} #sub_navlist li a { text-decoration: none; color:#000;} /*product intor gallery */ .thumbnail_prod_intro {float: left;margin: 0 10px 0px 0px;padding: 2px;} .thumbnail_prod_intro p{font-size:14px;padding-top:0;} .thumbnail_prod_intro a img {padding: 5px;border: 1px solid #c8c8c8;width:140px; height:100px;} .thumbnail_prod_intro p a {text-decoration:none;} .thumbnail_prod_intro img:hover {border-color: #8E741F; text-decoration:none;} /*product intro gallery */ .thumbnail_prod {float: left;margin: 0 10px 0px 0px;padding: 2px;} .thumbnail_prod p{font-size:14px;padding-top:0;} .thumbnail_prod a img {padding: 5px;border: 1px solid #c8c8c8;width:220px; height:220px;} .thumbnail_prod p a {text-decoration:none;} .thumbnail_prod img:hover {border-color: #8E741F; text-decoration:none;} /*monograficos*/ ul#calendar_intro { margin-bottom:13px; } ul#calendar_intro li { margin-bottom:3px; } hr {color:#e0c364; margin-bottom: 13px;margin-top:10px; } /* blog -------------------------------------------------------------- */ p.small {font-size: 11px;width:400px; } .comments {width:410px;} p#txpCommentInputForm{font-weight:bold;} .comments-wrapper input{margin-bottom:5px;} ul.comments_error {margin:15px 5px} ul.comments_error li{ color:red; } /* Contact form -------------------------------------------------------------- */ ul#contact_form li{margin-top:10px; font-weight:normal;} ul#contact_form label {margin-bottom:15px;line-height:1.4;} #contact_form textarea,#contact_form input {border:1px solid #E1E1E1; } #contact_form textarea{width:350px;} #contact_form input {height:25px; font-size:18px; width:350px;} li#send_button input{ width:70px; font-weight:normal;height:30px;background:#74924A; color:#fff;} #form {margin-top: 100px; height:200px; width:100%; font-size:14px;margin-left:-68px;} .img_all img{float: left; border: 1px solid #D2D2D2; margin: 0 10px 10px 0;padding: 2px;height:60px; width:60px;} .img_monograficos img {float: left; border: 1px solid #D2D2D2; margin: 0 10px 10px 0;padding: 2px;height:150px; width:150px;} .img_monograficos span.cap { width:100px;padding-right:30px; } .rssThumbLabel {font-size: 25px; color:#741F24;margin-top: 0px;} #adjusth1 h1 {margin-top: -10px; font-size:25px;} div#prod_images .rssThumbFloat { float: left;width: 150px;margin: 0 0 10px 0;padding: 5px; display:inline;} div#prod_images span.cap{ float: left;width: 150px;display:inline;}