/* http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}


/* ---- Debug --------------------------------------------------------------------- */
/*
html { background: #ddd; }
#wrapper { width: 952px;}
#base { background: #fff; border: 1px solid #ccc;width: 950px;z-index:1;-moz-box-shadow:0 2px 8px #bbb;}
*/
/*
html { background: #777; }
#wrapper { background: #999; }
#header { background: #aaa; }
#left-bar { background: #ccc; }
#right-bar { background: #ddd; }
.content { background: #fff; }
#footer { background: #aaa; }

*/

/* ---- Colors -------------------------------------------------------------- */

/*
    Blau Cbado  => #00618A
    Blau 50%    => #80B0C5

    text fosc   => #3C3937
    text clar   => #949698

    gris fons   => #EBEBEB

*/


/* ---- Common -------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

.html-content * {font-size: 11px;}
.html-content h1{font-size:138.5%;margin:1em 0;}
.html-content h2{font-size:123.1%;margin:1em 0;}
.html-content h3{font-size:108%;margin:1em 0;}
.html-content abbr,.html-content acronym{border-bottom:1px dotted #000;cursor:help;}
.html-content em,.html-content address{font-style:italic;}
.html-content blockquote,.html-content ul,.html-content ol,.html-content dl{margin:1em;}
.html-content ol,.html-content ul,.html-content dl{margin-left:2em;}
.html-content ol li{list-style:decimal outside;}
.html-content ul li{list-style:disc outside;}
.html-content dl dd{margin-left:1em;}
.html-content th, .html-content td{border:none; padding:.5em;}
.html-content th{font-weight:bolder;text-align:center;}
.html-content caption{margin-bottom:.5em;text-align:center;}
.html-content p,.html-content fieldset,.html-content table,.html-content pre{margin-bottom:1em;}
.html-content input[type=text],.html-content input[type=password],.html-content textarea{width:12.25em;*width:11.9em;}

.html-content h1, .html-content h2 {
    color: #949698; text-transform: uppercase;
}
.html-content h3 {
    font-weight: bolder;
    color: #00618A;
}
.html-content h4 { color: #00618A; }
.html-content address{ color: #80B0C5; }
.html-content hr { border: none; border-bottom: 1px solid #00618A; }

.plain-content {
    font-family: monospace;
}

a {outline: none; text-decoration:none; color: #80B0C5;}



/* ---- Addons -------------------------------------------------------------- */
.scroll-pane {height: 535px; overflow: auto;}
.jScrollPaneTrack { background: none !important; margin-left: -1px; }
.jScrollPaneDrag { background: #999; width: 6px;}

/* ---- Test ---------------------------------------------------------------- */

body {
    font: 12px/15px Gill, Helvetica, sans-serif;
    color: #3c3937;
}


#wrapper {
    width: 950px;
    height: 630px;

    margin: 10px auto 0;
}
#home {
    width: 900px;
    margin: 0 25px;
    height: 610px;
    background-repeat: no-repeat;

}
#home-header {
    padding-top: 20px;
    margin-bottom: 166px;
}
#home-header a{

    display: block;

    width: 280px;
    height: 60px;

    margin: 0 0 0 30px;

    text-indent: -99999px;

    /*background: url('../images/logo-c.png') no-repeat 0 0;*/

}
#home-content {
    width: 480px;


    margin-left: 34px;

    color: #00618A;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
 
}
#home-content a {
    color: #00618A;
    margin: 0 40px;
}
#home-vid { background: #333;
    width: 480px;
    height: 300px;

    margin-bottom: 5px;
}

#home-links {
    background: #fff;

    padding: 8px 0 4px;
}

#left-bar {
    width: 300px;

    background: #fff url('../images/tile.png') repeat-y 0 0;
}

#right-bar {
    width: 650px;

    overflow: hidden;
}

#loader {
    /*display:none;*/
}

#header {
    height: 100px;
}

#header a {
    display: block;
    height: 90px;
    width: 290px;

    background: #fff url('../images/logo.png') no-repeat 0 0;

    text-indent:-99999px;
}

#menu {
    width: 120px;
    height: 320px; /*360px;*/
    padding-right: 10px;
    margin-bottom: 40px;
    border-right: 1px solid #80B0C5;

    font: 14px/14px Gill, Helvetica, sans-serif;
}

#menu a {
    color: #000;
}

#menu .menu-root a {
    background: url('../images/mi-bg.png') repeat-y -160px 0;
    /*height: 20px;*/

    display: block;

    margin-bottom: 8px;
    padding: 4px 2px 2px;

    text-align: right;
    text-transform: uppercase;
}

#menu .menu-root a:hover, #menu .menu-root a.active {
    background: url('../images/mi-bg.png') repeat-y -30px 0;
    color: #80B0C5;
}

#menu .menu-child-list {
	display: none;

    position: absolute;
    
    width: 160px;
    margin-left: 140px;
    
}

#menu .menu-child-list a {
    background: url('../images/mi-bg.png') repeat-y -160px 0;

    text-align: left;
    text-transform: none;
}

#menu .menu-child-list a:hover, #menu .menu-child-list a.active {
    background: url('../images/mi-bg.png') repeat-y 0 0;
}





#info {
    height: 150px;
}

.content {
    
}
.content-header {
    height: 44px;

    padding: 30px 12px 0;

    color: #3c3937;
    font-size: 18px;
    font-weight: bolder;

    text-transform: uppercase;

    background: url('../images/title-bg.png') repeat-x 0 0;
}


#footer {
    height: 15px;
    padding-top: 5px;
    text-align: center;
    font-size: 10px;
    color: #949698;
}



.page-body {
    padding: 12px 12px 5px;
}

/* ---- Posts ---------------------------------------------------------------------- */


.content.blog .content-header {
    margin-bottom: 2px;
}

.content.blog .scroll-pane {
    height: 533px;
}

.post {
    margin-bottom: 3px;
    padding: 30px 50px 15px 40px;

    background: #ebebeb;
}
.post-date {
}
.post-title {
    padding: 10px 0 20px;

    font-size: 14px;
    font-weight: bolder;

    text-transform: uppercase;
}
.post-body {
    width: 270px;

    font-size: 12px;
    text-align: justify;
}
.post-image {
    margin-top: 10px;
}


/* ---- Jobs ---------------------------------------------------------------- */


.job {
    margin-bottom: 3px;
    padding: 30px 50px 15px 40px;

    background: #ebebeb;
}
.post-date {
}
.job-title {
    padding: 10px 0 20px;

    font-size: 14px;
    font-weight: bolder;

    text-transform: uppercase;
}
.job-body {
 

    font-size: 12px;
    text-align: justify;
}


/* ---- Salons -------------------------------------------------------------- */
.salon-search-bar {
    padding: 30px 10px 25px;
}
.salon-search-bar label {

    padding-right: 10px;

    font-size: 10px;
    text-transform: uppercase;
}
.ac_results {
    border: 1px solid #999 !important;
}
.ac_over {
	background-color: #00618a !important;
}

.salon-search-bar input[type=text] {
    width: 158px;
    height: 16px;

    margin-right: 10px;
    padding: 1px 2px;

    color: #fff;
    border: 1px solid #bdbcbc;
    background: #706f6e;
}

.salon-search-bar input[type=submit] {
    width: 55px;
    height: 20px;

    color: #fff;
    border: none;
    background: no-repeat url('../images/search-btn.png') 0 0;
}

#map {
    /*margin: 5px 0 0 5px;
    padding: 0 !important;*/
    width: 640px;
    height: 450px;
}
.salon-nav {
    margin-bottom: 2px;
    color: #00618a;
}
.salon-nav a {
    color: #00618a;
}

.salon-services-list {
    padding: 6px;
    background: #ebebeb;
}
.salon-services-list li {
    float: left;
    padding: 2px 20px;
    font-size: 10px;
    background-repeat: no-repeat;
    background-position: 3px 2px;
}

.salon-services {
    width: auto;
    padding: 6px;
    background: #ebebeb;
}

.salon-services li {
    float: left;
}

.salons .scroll-pane {
    height: 393px;
}

.salon {

    padding: 10px 15px;

    margin: 0 15px;

    font-size: 10px;

    border-bottom: 1px solid #706f6e;

}
.salon p {
    margin: 5px 0;
}
.salon strong {
    color: #80B0C5;
}

.salon-photo {
    width: 144px;
    height: 180px;

    margin-right: 20px;

    text-align: center;
}

.salon .salon-services {
    padding: 2px 2px 0;
}

.salon .salon-services li {
    padding: 5px;
}

.salon-map {
    width: 160px;
    height: 160px;

    background: #fff;
}




/* ---- Forms --------------------------------------------------------------- */

.form {
    padding-top: 35px;
}

.form .error_list {
    float: right;

    width: 170px;

    font-size: 10px;
    padding: 3px 0 0 20px;

    color: #ca3b3b;
}
.form th {
    vertical-align: top;
}

.form label {
    display: block;
    width: 180px !important;
    padding-right: 20px;
    margin-top: 3px;

    font-size: 10px;

    text-align: right;
}
.form input[type=text], .form textarea, .form select {
    width: 246px;
    height: 16px;

    margin-bottom: 4px;
    padding: 1px 2px;

    border: 2px solid #dddcdc;
}

.form textarea {
    height: 100px;
}
.form select {
    width: 254px;
    height: 22px;
}

.form input[type=submit] {
    width: 55px;
    height: 20px;

    margin: 16px 0 0 397px;

    text-indent: -99999px;
    border: none;
    background: no-repeat url('../images/send-btn.png') 0 0;
}



/* ---- Gallery ------------------------------------------------------------- */


.float-info {
    position: absolute;

    width: 290px;
    height: 150px;

    margin-left: -300px;
    margin-top: 460px;

    padding-right: 10px;

    font-size: 45px;
    line-height: 50px;

    text-align: right;
    text-transform: uppercase;

    color: #80B0C5;
}
#slider {
    height: 609px;
    width: 650px !important;
    margin-left: 60px;
    overflow: auto;
}
#slider .nivo-controlNav {
    width: 100px;
    margin-left: 470px;
    bottom: 20px;
    position: absolute;
}
#slider .nivo-controlNav img {
        -moz-box-shadow:0 0 5px #333333;
        display:inline;
        margin-right:10px;
        margin-top:10px;
        position:relative;
}
#slider .nivo-controlNav a.active img {
        -moz-box-shadow:0 0 5px #aaa;
}

/* ---- Press --------------------------------------------------------------- */

.content.press {
    height: 609px;
    background: #ebebeb;
}

.content.press .html-content {
    margin: 55px 130px 80px;
}

.form-error {
    height: 20px;
    margin: 0 150px;
    
    font-size: 10px;
    text-align: center;
    color: #ca3b3b;
}

.login-form { background: #f00;
    margin: 0 132px 0 148px;

    padding: 20px;
    padding-right: 36px;
    height: 170px;

    background: #ebebeb no-repeat url('/images/login-bg.png') 0 0;
}
.login-form table {
    width: 100%;
}
.login-form th {
    vertical-align: top;
}

.login-form label {
    display: block;
    width: 60px !important;
    padding-right: 12px;
    margin-top: 1px;

    font-size: 10px;

    text-align: right;
}
.login-form input[type=text], .login-form input[type=password] {
    width: 230px;
    height: 16px;

    margin-bottom: 4px;
    padding: 1px 2px;

    border: 2px solid #3C3937;
    background: #3C3937;
    color: #fff;
}

.login-form .error input[type=text], .login-form  .error input[type=password] {
   border: 2px solid #ca3b3b;
}

.login-form input[type=submit] {
    width: 55px;
    height: 20px;

    margin-top: 30px;
    margin-right: 4px;

    text-indent: -99999px;
    border: none;
    background: no-repeat url('../images/send-btn.png') 0 0;
}

.press .info {
    margin: 30px 60px;
}

.press .info strong {font-weight: bolder;}
.press ul {
    margin: 30px 50px;

    padding: 20px;

    background:#fff;
    border: 1px solid #dBdBdB;
}
.press ul li {
    border-bottom: 1px dashed #eBeBeB;
}
.press ul a{
    display: block;

    padding: 8px 5px 5px 30px;



    background:  url('/images/page_white.png') no-repeat 8px 6px;
    
}

.press ul a:hover {

    

    background-color: #EBEBEB;
    color: #3C3937;
}

/* ---- Publications -------------------------------------------------------- */

#pub {
    background: #EBEBEB;

    /* width:100%;
    height: 520px; */
}




/* ---- Publications -------------------------------------------------------- */

.content-header, .section-title {font-family: arial black,avant garde; font-size: 38px; font-weight: 900; color: #000;}
.section-title {
    margin-top: 40px;
    text-transform: uppercase;
    letter-spacing: -.05em;
    height: 40px;
}
.seq-1  .content-header { background: url('../images/new2011/tit_cebado.jpg') repeat-x 0 0; }
.seq-13 .content-header { background: url('../images/new2011/tit_noticias.jpg') repeat-x 0 0; }
.seq-14 .content-header { background: url('../images/new2011/tit_salones.jpg') repeat-x 0 0; }
.seq-15 .content-header { background: url('../images/new2011/tit_franquicias.jpg') repeat-x 0 0; }
.seq-18 .content-header { background: url('../images/new2011/tit_formacion.jpg') repeat-x 0 0; }
.seq-22 .content-header { background: url('../images/new2011/tit_prensa.jpg') repeat-x 0 0; }
.seq-25 .content-header { background: url('../images/new2011/tit_trabaja.jpg') repeat-x 0 0; }
.seq-29 .content-header { background: url('../images/new2011/tit_contacto.jpg') repeat-x 0 0; }

.content.press .content-header,
.content.page .content-header,
.content.job-board .content-header,
.content.publications .content-header { text-indent: -99999px; }

.content.salons .content-header {  color: #fff; }