/*
Main Color Palette
rojo: #a90000
texto: #333
lineas grises: #e5e5e5
*/

body { border-top: solid 3px #000; width: 100%; font: normal 0.8em/1.6 "Lucida Grande", Helvetica, Verdana, Arial, sans-serif; color: #333; background-color: #FFF; }

/* MAIN LAYOUT */
#pagina { background-color: #FFF; }
#header { background: transparent; }
#content { }
#footer { }
#footer-bottom { }

/* TOP-BAR */
#top-bar { height: 34px; background: #a31400 URL(../images/bgtopbar.jpg) 0 0 repeat-y; }
ul#top-nav { color:  #000; font-size: 0.85em; text-transform: uppercase; text-decoration: none; font-weight: normal; margin: 0; padding: 5px 0 0 620px; }
ul#top-nav li { list-style-type: none; float:right; margin: 0 0 0 20px; padding: 1px 0 0 0; }
ul#top-nav li a { color: #FFF; text-decoration: none; }
ul#top-nav li a:hover { color: #e5e5e5; text-decoration: none; }
ul#top-nav li a.addthis_button { margin: 8px 10px 10px 5px; padding: 10px 0 0 0; line-height: 29px}

div#box-idioma{ background: #f1f1f1; margin-top: 10px; padding: 8px; text-align: center; position: absolute; margin-left: 425px; font-size: 0.9em; -moz-border-radius: 5px; -webkit-border-radius: 5px;  }

div#box-idioma a { text-decoration: none; color: #999; }
div#box-idioma a.active { text-decoration: underline; color: #a90000; }
div#box-idioma a:hover { text-decoration: none; color: #a90000; }

/* LOGO */
h1 a { background: transparent URL(../images/lagenciabga-logo.png) no-repeat 0 0; display: block; margin: 60px 0 0 0; text-indent: -9999px; padding-bottom: 10px; }

/* NAVIGATION */
#navigation { float: right; margin-top: 70px;  }
#navigation-menu { list-style-type: none; float: right; }  
#navigation-menu li { float:left }  
#navigation-menu li:hover a { color: #000;  padding-bottom: 2px; } 
#navigation-menu li.cur a { color: #000;  padding-bottom: 5px; border-bottom: 1px solid #000;}
#navigation-menu li a { text-decoration: none; font-size: 1.28em; text-transform: uppercase; } 

/* BRANDING HOME */
#branding { margin: -10px 0 0 0; padding: 0 0 0 0; width: 960px; height: 408px; background: #FFF URL(../images/splash-bg.gif) no-repeat 0 -12px; }
#claim1 h1 { margin:-75px 0 0 0 ; padding:0; }
#claim1 h1 a { background: red; width:562px; height: 191px; background: transparent URL(../images/yourbestmark.png) 13px 0 no-repeat; text-indent: -9999px; display:block; }
#branding p { text-align: center; font: 1.6em/1.6;  margin-top: 0; margin-bottom: 0; letter-spacing: -0.050em; color: #494949; font-weight: normal; }
h2.cl1 { font: 1.7em/1.6 Georgia, "Lucida Grande", Times, serif; text-align: center; letter-spacing: -1px; margin-top: 5px; }
h2.cl1 a { padding-bottom: 2px; border-bottom: 1px dashed #a31400; text-decoration: none; }
h2.cl1 a:hover { padding-bottom: 2px; border-bottom: 1px solid #a31400; text-decoration: none; }

#branding p.cl2, #branding p.cl3, #branding p.cl4 { margin-top: 0; margin-bottom: 0; font-weight:normal; font-family: Georgia; } 
#branding p.cl2 { font-size: 1.7em; }
#branding p.cl3 { font-size: 1.9em; }
#branding p.cl4 { font-size: 2.1em; }
.red-lagencia { color: #a31400; }
.under { text-decoration: underline; }
.under2 { padding-bottom: 2px; }
.home-phrase-plus, { color: #a31400; text-transform: uppercase; }

/* BRANDING ABOUT US */
body#aboutus #branding { margin: 0 0 30px 0; padding: 0 0 0 0; width: 960px; height: 200px; background: #FFF URL(../images/back-headers-about.jpg) no-repeat 0 0px; }
body#aboutus #branding h1 { font-size: 9em; color: #000; position: absolute; margin: 95px 0 0 0; line-height: 1em; letter-spacing: -0.09em; }
body#aboutus #branding h2 { position: absolute; font-size: 5em; display: inline; color: #951604; line-height: 0.9em; margin-top:  10px; margin-left: 420px; letter-spacing: -0.04em; }

/* BRANDING SERVICES */
body#services div.services { margin: 0 0 0 0; padding: 0 0 0 0; width: 960px; height: 200px; background: #FFF URL(../images/back-headers-services.jpg) no-repeat 0 0; }
body#services div.services h1 { font-size: 9em; color: #000; position: absolute; margin: 95px 0 0 0; line-height: 1em; letter-spacing: -0.09em; }
body#services div.services h2  { position: absolute;  font-size: 5.4em; display: inline; color: #951604; padding: 0; line-height: 0.9em; float:left; margin-left: 679px; margin-top: 17px; letter-spacing: -0.04em;}

/* BRANDING SERVICES - PATENTES */
body#services div.patentes { margin: 0 0 0 0; padding: 0 0 0 0; width: 960px; height: 200px; background: #FFF URL(../images/back-headers-patentes.jpg) no-repeat 0 0; }
body#services div.patentes h1 { font-size: 9em; color: #000; position: absolute; margin: 95px 0 0 0; line-height: 1em; letter-spacing: -0.09em; }
body#services div.patentes h2  { position: absolute; font-size: 4.3em; display: inline; color: #951604; line-height: 0.9em; margin-top:  20px; margin-left: 405px; letter-spacing: -0.04em;}

/* BRANDING SERVICES - MARCAS */
body#services div.marcas { margin: 0 0 0 0; padding: 0 0 0 0; width: 960px; height: 200px; background: #FFF URL(../images/back-headers-marcas.jpg) no-repeat 0 0; }
body#services div.marcas h1 { font-size: 8em; color: #000; position: absolute; margin: 105px 0 0 0; line-height: 1em; letter-spacing: -0.09em; }
body#services div.marcas h2  { position: absolute; font-size: 5.3em; display: inline; color: #951604; line-height: 0.9em; margin-top:  20px; margin-left: 165px; letter-spacing: -0.04em; }

/* BRANDING SERVICES - MARCAS */
body#contact div.contact { margin: 0 0 0 0; padding: 0 0 0 0; width: 960px; height: 200px; background: #FFF URL(../images/back-headers-marcas.jpg) no-repeat 0 0; }
body#contact div.contact h1 { font-size: 8em; color: #000; position: absolute; margin: 105px 0 0 0; line-height: 1em; letter-spacing: -0.09em; }
body#contact div.contact h2  { position: absolute; font-size: 5.3em; display: inline; color: #951604; line-height: 0.9em; margin-top:  20px; margin-left: 165px; letter-spacing: -0.04em; }

/* CONTENT HOME */
#ourclients-box p.client-intro, #casestudy-box p.case-intro { font: normal 0.9em/1.4 "Lucida Grande", Helvetica, Arial, Times, Georgia, serif; }
#content #column-center h2 { font-size: 1.5em; letter-spacing: -1px; margin-top: 25px; text-transform: uppercase; color: #951604; font-weight: normal; }
#content #column-center p { color: #363636; font: normal 0.95em/1.5 "Lucida Grande", Helvetica, Arial, Times, Georgia, serif; margin: 0 0 10px 0; padding: 0;  }
a { color: #a90000; font-size: 0.9em; }

/* CONTENT HOME */
body#contact #content #column-center { margin-top: 40px; }

/* CLIENT & CASE STUDY BOX */
#client-wall-home { font-weight: normal; padding-top: 0px; }
#client-wall-home a { text-decoration: none; border: none; }
#client-wall-home img { padding-left: 3px; }
#client-wall-info { background: transparent URL(../images/block.png) 0 0; margin-top: -142px; height: 138px; position: relative; margin-bottom: 10px; }
#client-wall-info h3 { float:right; background-color: #a31400; font-size: 1em; margin:  10px -2px 0 0; padding: 6px 12px 6px 19px; text-transform: uppercase; letter-spacing: -0.05em; display: inline; text-align: right; float: right; color: #FFF; font-weight: normal; } 
#client-wall-info p.client-intro { display: block; clear:both; color: #FFF; padding: 13px; }
#casestudy-box p.case-intro { padding-top: 8px; border-top: 1px solid #e5e5e5; margin-top:  5px; padding-top: 10px; }
div#casestudy-box, div#ourclients-box  { padding-bottom: 50px; }
div#casestudy-box a, div#ourclients-box a { text-decoration: none; border-bottom: 1px dotted #999; }
div#casestudy-box a, div#ourclients-box a.link-imagen { text-decoration: none; border-bottom: none; }
div#casestudy-box a, div#ourclients-box a:hover.link-imagen { text-decoration: none; border-bottom: none; }
div#casestudy-box a:hover, div#ourclients-box a:hover { text-decoration: none; border-bottom: 1px dotted #000; color: }		
div#content-text-home { margin-bottom: 250px; }
div#content h2 { font-size: 1.5em; font-weight: normal; text-transform: uppercase; margin: 40px 0 20px 0;  }
div#ourclients-box a, div#ourclients-box a:hover { border: none;  }

div#content-text-home a { text-decoration: none; border-bottom: 1px dotted #999; }
div#content-text-home a:hover { text-decoration: none; border-bottom: 1px dotted #000; color: }

/* BLOCKS */
#patent-registration-box, #trademark-registration-box { width: 459px; height: 176px; margin-top: 20px; }
#patent-registration-box p a { width: 459px; height: 176px; background: #FFF URL(../images/patent-block-left.jpg) 0 0 no-repeat; display: block; text-indent: -9999px; }
#trademark-registration-box p a { width: 459px; height: 176px; background: #FFF URL(../images/trademark-block-right.jpg) 0 0 no-repeat; display: block; text-indent: -9999px; }

#patent-registration-box p a.home-btn-patent-en { background: #FFF URL(../images/patent-block-left_en.jpg) } 
#trademark-registration-box p a.home-btn-trademark-en { background: #FFF URL(../images/trademark-block-right_en.jpg) } 

/*HOME FOOTER INFO*/
#footer-info { border-top: 1px solid #e5e5e5; margin-top: 20px; padding-top: 20px; }
#footer-info h2 { color: #a90000; font-size: 0.85em; margin: 0 0 5px 0; padding: 0; } 
#footer-info ul { list-style-type: none; margin: 0; padding: 0;  }
#footer-info ul li { margin: 0; padding: 0; font-size: 0.85em; }
#footer-info ul li a { color: #363636; text-decoration: none; font-size: 1em; }
#footer-info ul li a:hover { color: #a90000; }
ul#aboutus-footer, ul#services-footer, ul#clients-footer, ul#contact-footer  { margin: 0; padding: 0; }
ul#aboutus-footer li, ul#services-footer li, ul#clients-footer li, ul#contact-footer li  { margin: 0; padding: 0; }
#footerinfo-contact h2 { margin-left: 20px;  }
ul#contact-footer { margin-left: 20px; }
ul#contact-footer li.last { margin-top: 10px; }
ul#contact-footer li.last a { color: #a90000; text-decoration: underline; }
#footerinfo-contact { border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
#footerinfo-news { }

/* PAGINAS DE CONTENIDO */
#column-center { font-size: 1em; font-weight: normal; }
#column-center a { font-size: 1em; text-decoration: none; border-bottom: 1px dotted #999; }
#column-center a:hover { font-size: 1em; text-decoration: none; border-bottom: 1px dotted #000; color: }
#column-center { margin-top: 20px; margin-bottom: 30px; }
#column-center p { padding-right: 10px; line-height: 1.8em; }
#column-center div.entradilla { border-bottom: 1px dotted #d5d5d5; padding-bottom: 8px; margin-bottom: 15px; font-size: 1.4em; line-height: 1.3em; }
#column-center div.entradilla p { font-size: 1.4em; letter-spacing: -0.03em; line-height: 1.4em; margin-bottom: 1.1em; font-style: italic; color: #a90000; font-weight: bold;  }
#content #column-center h2 { font-size: 2.3em; margin-top: 0; line-height: 1em; }

#content #column-right h2, #column-right h5  { font-weight: normal; padding: 0 0 0 0; text-align: center; margin: 0 0 0px 22px; font-size: 3em; line-height: 1.3em;  background: #FFF url(../images/background-lines.jpg) 0 -11px repeat-x; vertical-align: bottom; text-transform: none; }

body#contact #content #column-right { margin-top: 61px; margin-bottom: 20px; } 

#content #column-center ul { margin: 0 0 15px 0; list-style-type: none; }
#column-center ul li { background: url(../images/bullet_red.png) 0 4px no-repeat; padding: 0 0 0 23px; margin: 0 0 5px 20px; list-style: none; }
#column-center ul#lista-enlaces-de-interes { list-style-type: none; }
#column-center ul#lista-enlaces-de-interes li { margin: 10px 0 20px 10px; }
#column-center ul#lista-enlaces-de-interes { margin-top: 20px; }
#column-center ul#lista-enlaces-de-interes li a { font-size: 0.9em; margin: 0; }
#column-center ul#lista-enlaces-de-interes li p { font-size: 0.9em; margin: 5px 0 0 0; color: #666;}

#content #column-right { margin-top: 33px; margin-bottom: 90px; }
#content #column-right ul.sub-nav { margin: 20px 0 0 0; padding: 0; }
#content #column-right ul.sub-nav li { margin: 5px 0 0 0; padding: 0 0 0 35px; list-style: none ; line-height: 22px; }
#content #column-right ul.sub-nav li a { text-decoration: none; font-size: 1em; }
#content #column-right ul.sub-nav li a:hover { color: #000; }
#content #column-right ul.sub-nav li.cur { padding: 10px 0 10px 0; background: #FFF url(../images/arrow-menu.gif) 0 0 no-repeat; margin: 10px 0 0 0; color: #FFF; }
#content #column-right ul.sub-nav li.cur a { color: #FFF; text-decoration: none; padding: 0 0 0 27px; text-transform: uppercase; }
/* Sub Nav Services -- sub-nav-extra */
#content #column-right ul.sub-nav-extra { margin: -6px 13px 20px 0; padding: 0 0 10px 0; background: none; border-left: 1px dashed #e5e5e5; border-right: 1px dashed #e5e5e5; }
#content #column-right ul.sub-nav-extra li { margin: 5px 0 8px 0; padding: 0 0 0 12px; list-style: none; }
#content #column-right ul.sub-nav-extra li.subtitle { margin: 5px 0 10px 0; padding: 6px 12px 6px 12px; list-style: none; font-size: 0.8em; text-transform: uppercase; font-weight: bold; background-color: #e5e5e5; }
#content #column-right ul.sub-nav-extra li a { text-decoration: none; }
#content #column-right ul.sub-nav-extra li a:hover { color: #000; }
#content #column-right ul.sub-nav-extra li.cur { padding: 0; background: none; }
#content #column-right ul.sub-nav-extra li.cur a { color: #000; text-decoration: underline; padding: 0 0 0 12px; text-transform: uppercase; font-size: 0.85em; margin-bottom: 10px; }
body#services #content { margin-top: 30px; }
ul#clients-footer li { color: #999;  }
#content #column-right p { text-align: center; margin: 10px 0 20px 0; }

/*HOME FOOTER BOTTOM */
#footer-bottom { width: 960px; height: 267px; background: #FFF URL(../images/footer-bg.jpg) 0 0 no-repeat; text-align:center; margin:0; padding: 0; }
#footer-bottom h2 { padding: 120px 0 0 0; margin: 20px 0 10px 0; display: block; text-align: center; color: #000; }
#footer-bottom p { text-align: center; color: #000; margin: 0; padding: 0; font-size: 0.85em; }
#footer-bottom p a.ekilater, #footer-bottom p a.valido  { color: #000; text-decoration: none; }
#footer-bottom p a.ekilater:hover, #footer-bottom p a.valido:hover { color: #310000; text-decoration: none; }


div.centrador { float: left; padding-left: 293px; padding-top: 30px; }
#footer-bottom h3 a { background: transparent URL(../images/lagenciabga-logo-black.jpg) no-repeat 0 0; display: block; text-indent: -9999px; padding-top:  40px; width: 370px; height: 25px; }

/* NEWSLETTER FORM */
span.label,span.spacer,span.multiple span { width:120px;float:left; font-size: 0.8em; } 
span.multiple {float:left;} 
span.button { text-align: center; padding: 5px;} 

/* Button Suscription */
span.button2 { background: transparent url(http://dev-antibes.ekilater.com/images/interface/capsule_right.png) no-repeat scroll right top; display: block; float: left; padding-right: 20px; /* sliding doors padding */ margin: 20px 0 20px 28px; }
span.button2:hover, span.button2 input.form_but:hover { cursor: pointer; color: #333333; }
span.button2:active { background-position: right -35px; color: #000; outline: none; /* hide dotted outline in Firefox */ }
span.button2 input.form_but:active { text-shadow: #ffffff -1px -1px 0; padding-top: 1px; background: url(http://dev-antibes.ekilater.com/images/interface/capsule_left.png) left -35px; outline: none; }
span.button2 input.form_but {
    background: transparent url(http://dev-antibes.ekilater.com/images/interface/capsule_left.png) no-repeat; display: block; padding-right: 0; padding-left: 20px; white-space: nowrap; border: 0; margin: 0; height: 36px; line-height: 36px; text-decoration: none; text-shadow: #ffffff 1px 1px 0; font: bold 13px/36px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; padding-top: 0; color: #b71216; }

/* THICKBOX GOOGLE MAPS  */
#gmlb_overlay { background-color: transparent; background-image: url(../images/bg.png); z-index:1000; }
#gmlb_map { }
#gmlb_label { background-color:white; font-family:Trebuchet MS; font-size:12px; color:black; float:left; padding-top:10px; margin-top:5px; width:608px; text-align:left; }
#gmlb_container { background-color:white; padding:10px; border-color:#DDDDDD; border-width:1px; border-style:dotted display:block; }
#gmlb_close { background-color:#EEEEEE; width:32px; height:32px; float:right; cursor:pointer; clear:right; background-image:url(../images/close.jpg); margin-top:5px; }


/* BLOCKS TEMPORALES */
#banner-newsletter { width: 197px; height: 340px; background: #FFF URL(../images/background-banner-newsletter2.jpg) 0 0 no-repeat; }
#banner-newsletter #form-banner { padding-top: 190px; }
#banner-newsletter #form-banner input.elinput { margin-top: 8px; margin-left: 15px; border: none; margin-bottom: 0; }
#banner-newsletter #form-banner .button2 { margin-top: 8px; margin-left: 22px; padding-left: 20px; }
#banner-newsletter #form-banner p { margin: 12px 0 0 0; padding: 0; color: #FFF; font-size: 0.8em; text-align:center;}
#banner-newsletter #form-banner p.boton { margin: 0 0 0 0; padding: 0; color: #FFF; font-size: 0.8em; text-align:center;}  
#banner-newsletter #form-banner ul#news-beneffits { color: #FFF; list-style-type: none; font-size: 0.85em; text-align: center; width:84%; }


#content #casestudy-box {  }
#content #casestudy-box div#opi1 p.texto-opinion, #content #casestudy-box div#opi2 p.texto-opinion { font-family: Georgia, "Times New Roman", serif; font-style: italic; color: #333; margin: 0 0 10px 0; }
#content #casestudy-box div#opi1 { border-bottom: 3px double #999; }
#content #casestudy-box div#opi2 { margin: 20px 0 0 0; }
#content #casestudy-box div p.firmaopinion { font-family: Helvetica, Arial, Georgia, sans-serif;  font-weight: 500; font-size: 0.8em; margin-top: 0px; margin-bottom: 20px; background: #FFF url(../images/bocadillo.jpg) 0 0 no-repeat; padding-left: 55px; padding-top:  3px; padding-bottom: 10px;}

#content #casestudy-box div p.texto-opinion span.quote { font-size: 2em; font-family: Georgia, "Times New Roman", "Trebuchet MS", serif; color: #c5c5c5; display: inline; line-height: 0.5em; margin:0; padding: 0 5px; }

/* Suscripción */
#suscripcion h2, #suscripcion p { text-align: center; }
