/* DYNAMIS BTM . COM File: custom.css Description: Flawless Template For Thesis Designed by: Alexander Agnarson (http://www.agnarson.com) and Jermaine Maree (http://www.jermainemaree.com) - Brought to you by WP Bandit - www.wpbandit.com BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /***HEADER***/ /*CABECERA*/ .custom #header { padding: 6px 0 5px 0; margin: 0px; height: 400px; position:relative; } /* .custom .menu { float: right; padding: 0px; margin: 0px; height: 29px; } .custom .menu a { width: 10em; text-align: center; } */ div#logotype { background-color: transparent; margin: 0; padding: 0; display: none; /*SI SE PONE inline SE VERA EL LOGOTIPO*/ z-index: 2; position: relative; top: -84px; } #logo_cabecera { background-color: transparent; padding: 0px; margin: 0px; height: 200px; width: 350px; position: absolute; top: 0px; right: 0px; } /*.custom #header_area {background: #000 url(images/887989.png) repeat; border-bottom: 0px solid #ff0000; height: 452px;}*/ /*.custom #header_area {background: transparent url(images/fondodynamis7NO.gif) repeat; border-bottom: 0px solid #ff0000; height: 452px;}*/ /*.custom #content_area {background: transparent url(images/gridbg.gif) repeat; border-bottom: 0px solid #ff0000;}*/ .custom #content_area {background: transparent url(images/932232.png) repeat; border-bottom: 0px solid #ff0000;} .custom #header_area {background: #7eb6d6;height: 452px;} .custom #footer_area {background: #7eb6d6;} .custom #header_area .page {background: transparent;} .custom h1, .custom h2, .custom h2 a, .custom h3 a {color: #666;} .custom h3 a {padding: 0px 0px 0px 0px;} .custom.que-hacemos h2 ,.custom.what-we-do h2, .custom.cosa-facciamo h2 {display:none;} /*.custom #header {background: none; border-bottom:none; padding-left:0; padding-bottom:1em; position:relative;} .custom #header #logo a{font-size: 37px; font-weight:normal; color:#fff; padding:0; margin:0;} .custom #header #logo a:hover{color:#ddd;} .custom #header #tagline {color: #DDC359; font-size: 18px; width: 435px; padding-left: 0; margin-top: 0.2em; padding-bottom:0;}*/ /***HEADER END***/ /* Ocultar titulo y subtitulo de la web. Aplicar en CUSTOM.CSS */ /*****************************************************************/ .custom #header #logo { display: none; } .custom #header #tagline { display: none; } /*CUSTOM MENU NAV DE WPML*/ /*menu en reposo */ .custom #menu-wrap, #menu-wrap ul { background-color: transparent; /*BACKGROUND EN REPOSO*/ color: #000; font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif; font-size: 15px; font-weight: bold; font-style: normal; text-transform:capitalize; } /*menu con LINK (osea todos)*/ .custom #menu-wrap ul a, #menu-wrap ul a:visited { color: #000; border-right:0px solid #000; font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif; font-size: 15px; font-weight: bold; font-style: normal; padding: 0px 20px 0px 20px; line-height: 30px; text-transform:capitalize; } /*menu en HOVER*/ .custom #menu-wrap ul li:hover a, #menu-wrap ul a:focus, #menu-wrap ul a:active { background-color: transparent; color: #ff0000; font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif; font-size: 15px; font-weight: bold; font-style: normal; text-transform:capitalize; } /*menu de PAGINA EN CURSO*/ .custom #menu-wrap li.selected_page > a,#menu-wrap li.selected_page:hover > a { background-color: #666; color: #FFF; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif; font-size: 15px; font-weight: bold; font-style: normal; text-transform:capitalize; } .custom #menu-wrap li.selected_subpage, #menu-wrap li.selected_subpage a, #menu-wrap li.selected_subpage a:visited { background-color: #666; color: #fff; font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif; font-size: 15px; font-weight: bold; font-style: normal; padding: 5px 10px 5px 10px; line-height: 20px; text-transform:capitalize; } /*menu en reposo */ .custom #menu-wrap ul ul a, #menu-wrap ul ul a:visited { background-color: #000 !important; color: #FFF !important; /*COLOR DE LETRA SUBMENU EN REPOSO*/ font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif !important; font-size: 15px !important; font-weight: bold !important; font-style: normal !important; padding: 5px 10px 5px 10px; line-height: 20px; text-transform:capitalize; } .custom #menu-wrap ul ul a:hover { background-color: #000 !important; color: #ff0000 !important; font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif!important; font-size: 15px !important; font-weight: bold !important; font-style: normal !important; text-transform:capitalize; } .custom #menu-wrap li.section { background-color: #571801; color: #000; font-family: "Century Gothic", Helvetica, Arial Black, Gadget, sans-serif; font-size: 15px; font-weight: bold; font-style: normal; padding: 5px 11px 5px 10px; line-height: 20px; text-transform:capitalize; border-right:none; } .custom #menu-wrap { height: 30px; /* -moz-border-radius: 8px; -webkit-border-radius: 8px; border:0px solid #ff0000;*/ position:absolute;; top:4.2em; right:9.1em; width:auto; } .custom #menu-wrap ul ul { top: 30px; } .custom .full_width {clear:both;width:100%;} /**** CUSTOM LANGUAGE SELECTOR ****/ .custom #lang_sel ul ul {width:120px;} .custom #lang_sel li {position:relative;float:right;width:120px;} .custom #lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:120px;border-top:1px solid #cdcdcd;} .custom #lang_sel_list {height:32px; position:relative; z-index:99; font-family: verdana, arial, sans-serif; width:120px;} .custom #lang_sel_list ul {width:120px;} .custom #lang_sel_list li {position:relative;float:right;width:120px;} .custom #lang_sel {width:120px;height:25px;background:none repeat scroll 0 0 #cccccc;} /**** END *** CUSTOM LANGUAGE SELECTOR ****/ /*CUSTOM WIDGET EN HEADER PARA SWICH WPML, COPIADO DE THESISTHEME.NET*/ .custom #header_widget_1 ul.sidebar_list li.widget {position: absolute; float:right; display: block; top:15px; right:0px; width:150px; background-color: transparent; border:0px;} /*CUSTOM PAGINA INICIO CON "THEMES" */ .themes {list-style:none;margin:0;padding:0;} .themes li{ float:left; width:365px; height:160px; border:1px solid #ccc; padding:20px; margin-right:40px; margin-bottom:20px; list-style-image: none; list-style-position:outside; list-style-type:none;} .themes .last-on-row{margin-right:0;} .themes li h3{font-size:22px;padding:0 0 10px 0;list-style-type:none;margin:0;margin-top:-26px;} .themes li h3 a{text-decoration:none;} .themes li h3 a:hover {text-decoration:underline;} .themes li a {text-decoration: none;} .themes li img{border:0px solid #e6d499;} .themes li:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#edd1a9 none repeat scroll 0 0; border:1px solid #E6D499;} /*CUSTOM PAGINA REFERENCIAS CON GALERIAS DE FOTOS*/ #ssp_g_references1_10,#ssp_g_references11_20,#ssp_g_references21_30,#ssp_g_references31_40 { float:right;}