/* Theme Name: Sanrio 2010 Theme URI: http://ww.sanrio.com.br/ Description: The 2010 default theme for Sanrio Brasil. Author: Wildiney Di Masi Version: 1.0 Tags: Institutional, Sanrio, Hello Kitty */ /* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html ----------------------------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a img { border: none; } /* LAYOUT: Padrão */ body { background: url(/images/mainbg.gif) fixed top center no-repeat; font:normal 11px/21px Verdana, Geneva, Arial, sans-serif; } #outterwrapper { width:935px; padding:20px; margin:0 auto; background:transparent; text-align:left; position:relative; } #innerwrapper { width:935px; min-height:556px !important; margin:0; background:#fff; } #header { width:935px; height:120px; background:#fff; } #sr_logo { float:left; } #sr_logo a { display:block; width:260px; height:89px; background: url(http://www.sanrio.com.br/_img/logo_sanrio.jpg) left no-repeat; text-indent:-9999px; } #headerright { float:right; width:660px; } #emailsignup { width:131px; height:47px; float:right; } #footer { background:#fff; width:935px; height:42px; padding-top:20px; clear:both; } #footerlinks { float:left; height:18px; margin:3px 0 10px 0; } #footerlinks li { float:left; color:#999; font-size:9px; margin:0 5px 5px 0; padding: 0 5px 5px 0; border-right:1px solid #999; height:15px; } #footerlinks li a { text-decoration:none; color:#999; font-size:9px; padding:0; margin:0; } li#footerlinks_end { margin-right:0 !important; padding-right:0 !important; border:none !important; } #copyright { display:block; height:18px; margin-top:3px; float:right; font-size:9px; color:#999; } span#footer_disclaimer { display:block; clear:both; float:left; padding:5px 0; background:#f11185; color:#fff; width:935px; font-size:10px; line-height:11px; } #breadcrumb{font:9px Verdana, Geneva, sans-serif; margin:5px 0px 20px 5px; color:#999; text-transform:lowercase; height:10px; } #breadcrumb a{ text-decoration:none; color:#666;} a:link, a:visited, a:active{text-decoration:underline; color:#C06;} /*** MENU ***/ #sr_mainnav { float:left; width:934px; height:27px; background:#ffeaf6; margin:4px auto 0 auto; position:relative; z-index:9990; } #sr_mainnav li { float:left; position:relative; background:#ffeaf6; border-right:1px solid #fff; height:27px; display:inline; padding: 0 20px; z-index:9991 } #sr_mainnav li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } #sr_mainnav li a { display: block; position: relative; font-size: 12px; color: #414143; text-decoration:none; height:27px; line-height:28px; } #sr_mainnav li a:hover {color:#FFF; } #sr_mainnav li ul { position:absolute; left:0; width:230px; display:none; z-index:9992;/* border:1px solid #23a4d2; Borda em volta das caixas dos submenus */} #sr_mainnav li ul:hover { border:1px solid #23a4d2; /* Borda em volta das caixas dos submenus */} #sr_mainnav li ul li{ border-right:none; } #sr_mainnav li ul li a, #sr_mainnav li ul li a:visited{ margin: 0 20px; color:#333; } #sr_mainnav li ul li a:hover{ color:#FFF; } #sr_mainnav li ul li { width:100%; padding:0; } #sr_mainnav li ul li a { padding:0; } #sr_mainnav li ul li:hover { background:#0ccbd7; } #sr_mainnav a, #sr_mainnav a:visited { /* visited pseudo selector so IE6 applies text colour*/ color:#414143; } #sr_mainnav li:hover ul, #sr_mainnav li.sfHover ul { background:#ffeaf6; } /*#sr_mainnav li.current_page_item { background:#f11285; } #sr_mainnav li.current_page_item a{ color:#FFF !important; }*/ /* home */ #sr_mainnav li#menu-item-8:hover { background:#f11285; } #sr_mainnav li#menu-item-8:hover a { color: #fff; } #sr_mainnav li#menu-item-8 ul { border:2px solid #f11285; } #sr_mainnav li#menu-item-8:hover ul li:hover { background:#f11285; } #sr_mainnav li#menu-item-8:hover ul li a { color:#414143; } #sr_mainnav li#menu-item-8:hover ul li a:hover { color:#fff; } /* Personagens */ #sr_mainnav li#menu-item-46:hover { background:#ff9000; } #sr_mainnav li#menu-item-46:hover a { color: #fff; } #sr_mainnav li#menu-item-46 ul { border:2px solid #ff9000; } #sr_mainnav li#menu-item-46:hover ul li:hover { background:#ff9000; color:#FFF; } #sr_mainnav li#menu-item-46:hover ul li a { color:#414143; } #sr_mainnav li#menu-item-46:hover ul li a:hover { color:#fff; } /* Lojas */ #sr_mainnav li#menu-item-10:hover { background:#006ab1;} #sr_mainnav li#menu-item-10:hover a { color: #fff; } #sr_mainnav li#menu-item-10 ul { border:2px solid #006ab1; /*Borda em volta das caixas dos submenus */} #sr_mainnav li#menu-item-10:hover ul li:hover { background:#006ab1; color:#FFF; } /* home */ #sr_mainnav li#menu-item-10:hover ul li a { color:#414143; } /* home */ #sr_mainnav li#menu-item-10:hover ul li a:hover { color:#fff; } /* home */ /* Noticias e Eventos */ #sr_mainnav li#menu-item-12:hover { background:#68c700;} #sr_mainnav li#menu-item-12:hover a { color: #fff; } #sr_mainnav li#menu-item-12 ul { border:2px solid #68c700; /*Borda em volta das caixas dos submenus */} #sr_mainnav li#menu-item-12:hover ul li:hover { background:#68c700; color:#FFF; } /* home */ #sr_mainnav li#menu-item-12:hover ul li a { color:#414143; } /* home */ #sr_mainnav li#menu-item-12:hover ul li a:hover { color:#fff; } /* home */ /* Embaixadoras */ #sr_mainnav li#menu-item-179:hover { background:#ffd614;} #sr_mainnav li#menu-item-179:hover a { color: #fff; } #sr_mainnav li#menu-item-179 ul { border:2px solid #ffd614; /*Borda em volta das caixas dos submenus */} #sr_mainnav li#menu-item-179:hover ul li:hover { background:#ffd614; color:#FFF; } /* home */ #sr_mainnav li#menu-item-179:hover ul li a { color:#414143; } /* home */ #sr_mainnav li#menu-item-179:hover ul li a:hover { color:#fff; } /* home */ /* Diversão */ #sr_mainnav li#menu-item-110:hover { background:#23a4d2;} #sr_mainnav li#menu-item-110:hover a { color: #fff; } #sr_mainnav li#menu-item-110 ul { border:2px solid #23a4d2; /*Borda em volta das caixas dos submenus */} #sr_mainnav li#menu-item-110:hover ul li:hover { background:#23a4d2; color:#FFF; } /* home */ #sr_mainnav li#menu-item-110:hover ul li a { color:#414143; } /* home */ #sr_mainnav li#menu-item-110:hover ul li a:hover { color:#fff; } /* home */ /* Contato */ #sr_mainnav li#menu-item-6:hover { background:#f10026;} #sr_mainnav li#menu-item-6:hover a { color: #fff; } #sr_mainnav li#menu-item-6 ul { border:2px solid #f10026; /*Borda em volta das caixas dos submenus */} #sr_mainnav li#menu-item-6:hover ul li:hover { background:#f10026; color:#FFF; } /* home */ #sr_mainnav li#menu-item-6:hover ul li a { color:#414143; } /* home */ #sr_mainnav li#menu-item-6:hover ul li a:hover { color:#fff; } /* home */ /* Sanrio 50 anos */ #sr_mainnav li#menu-item-35:hover { background:#ba1b30;} #sr_mainnav li#menu-item-35:hover a { color: #fff; } #sr_mainnav li#menu-item-35 ul { border:2px solid #ba1b30; /*Borda em volta das caixas dos submenus */} #sr_mainnav li#menu-item-35:hover ul li:hover { background:#ba1b30; color:#FFF; } /* home */ #sr_mainnav li#menu-item-35:hover ul li a { color:#414143; } /* home */ #sr_mainnav li#menu-item-35:hover ul li a:hover { color:#fff; } /* home */ /* Outras cores para menu #f11285 */ #container p{margin-bottom:10px;} #menu_personagens, #menu_lojas, #menu_embaixadoras, #menu_institucional{float:left; width:120px; margin-right:20px; } #menu_personagens h3, #menu_embaixadoras h3, #menu_lojas h3, #menu_institucional h3{font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#FF9000; border-bottom:1px solid #999; padding:5px 0; } #menu_personagens ul, #menu_lojas ul, #menu_embaixadoras ul, #menu_institucional ul{list-style:none; padding:0; margin:0; } #menu_personagens ul li, #menu_lojas ul li, #menu_embaixadoras ul li, #menu_institucional ul li{list-style:none; padding:5px 0; margin:0; border-bottom: 1px solid #CCC; } #menu_personagens ul li a, #menu_lojas ul li a, #menu_embaixadoras ul li a, #menu_institucional ul li a{ color:#666; text-decoration:none; } #content_geral.one-column{ float:left; width:930px;} /*#content_geral.two-columns{ float:left; width:600px;}*/ #content_personagens.three-columns, #content_embaixadoras.three-columns, #content_lojas.three-columns, #content_geral.three-columns, #content_trabalhe_conosco.three-columns, #content_institucional.three-columns{float:left; width:602px; } #content_personagens h2, #content_embaixadoras h2, #content_lojas h2, #content_geral h2, #content_trabalhe_conosco h2, #content_institucional h2{font:18px Verdana, Geneva, sans-serif; font-weight:bold; color:#333; margin-bottom:20px; } #content_personagens ul, #content_embaixadoras ul, #content_lojas ul, #content_geral ul, #content_trabalhe_conosco ul, #content_institucional ul{ list-style:square; margin:0 0 0 15px; } #content_personagens h3, #content_embaixadoras h3, #content_lojas h3, #content_geral h3, #content_institucional h3{font:14px Verdana, Geneva, sans-serif; font-weight:bold; color:#333; margin:20px 0 5px; } #content_trabalhe_conosco h3{font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#000; margin:20px 0 5px; } #content_personagens_banner01, #banner_lojas, #banner_embaixadoras, #sidebar_embaixadoras{float:right; width:172px; } #content_sanrio50anos h2{font:18px Verdana, Geneva, sans-serif; font-weight:bold; color:#333; } #content_lojas h2 a, #content_embaixadoras h2 a, #content_institucional h2 a, #content_geral h2 a{color:#000; text-decoration:none; } #content_lojas h2 a:hover, #content_embaixadoras h2 a:hover, #content_geral h2 a:hover, #content_institucional h2 a:hover{text-decoration:underline; } #content_geral .entry-content, #content_institucional .entry-content{margin-bottom:40px;} #content_sanrio50anos{width:100%; float:left;} .gmaps{float:left; clear:both; margin:10px 0 30px 20px;} #si_contact_form1 .required{color:#F00;} #si_contact_form1 input["type=text"], #si_contact_form1 textarea, #si_contact_form1 select{width:375px;} /* Embaixadoras */ #form_cadastro_embaixadora { display: block; margin: 0px; padding: 0px; } #form_cadastro_embaixadora fieldset { margin:10px 0; display:block; border:1px solid #fff; } #form_cadastro_embaixadora legend { font-size:110%; margin:10px 0 20px 0; font-style:italic; color:#f82693; padding-bottom: 20px; } #form_cadastro_embaixadora ul { display:block; list-style:none; } #form_cadastro_embaixadora ul li { display:block; margin-bottom:5px; position:relative;} #form_cadastro_embaixadora ul li .add, #form_contato ul li .add, #form_cupom ul li .add { position:relative; left:350px; font-size:70%; white-space:nowrap; } #form_cadastro_embaixadora ul li label, #form_contato ul li label, #form_cupom ul li label { float:left; width:90px; font-size:80%; color: #71136c; line-height:130%; } #form_cadastro_embaixadora ul li input[type='text'], #form_cadastro_embaixadora ul li input[type='password'], #form_cupom ul li input[type='text'], #form_cupom ul li input[type='password'], #form_cupom ul li textarea, #form_contato ul li input[type='text'], #form_contato ul li textarea { width:235px; border:1px solid #71136c; color:#333333; } #form_login { margin:30px auto; width:300px; } #form_login fieldset { padding:20px; border:1px solid #CCCCCC;} #form_login ul{ list-style:none; padding:0; margin:0; } #form_login ul li{ list-style:none; margin-bottom:10px;} #form_login label{ float:left; width:80px;} .p_erro{ text-align:center; color:#C06; font-weight:bold; } div.error { position:absolute; font-size:80%; top:0px; left:345px; color:#FFFFFF; padding: 2px; background-color:#f084b5; width: 250px; text-align:left; z-index:1000; } #sidebar_embaixadoras h3{font:12px Verdana, Geneva, sans-serif; font-weight:bold; color:#FF9000; border-bottom:1px solid #999; padding:5px 0;} #sidebar_embaixadoras p{font:12px} .float_left{float:left;} .clear{clear:both;} #comentarios h3{margin:20px 0; border-top:1px solid #666; padding-top:20px;} #commentlist ul, #commentform ul {list-style:none; margin:0; padding:0;} #commentlist ul li, #commentform ul li{margin-bottom:20px; clear:both; margin-bottom:20px;} #commentlist .gravatar{float:left; margin:0 20px 0px 0px;} #commentlist .comment_text{ float:left; width: 520px; } #commentform ul li{clear:both; margin-bottom:10px; min-height:20px} #commentform label{width:150px; float:left;} #commentform input[type='text'], #comentarios textarea{width:400px; border:1px solid #666; padding:3px;} .candidatar{ float:left; text-align:center; font-size:80%; font-weight:bold; text-decoration:none; color:#CC0066; border:1px solid #CC0066; padding:5px; margin:20px 0 0 0; } .candidatar:hover{ color:#990000; border-color:#990000; } .oportunidades_mod_1-3 { float:left; width:207px; margin:0 30px 0 0px; height:250px; background:url("/_img/layout/bg_modulo_oportunidades2.png") no-repeat; } .oportunidades_mod_1-3 h3 { font-weight:bold; font-size:11px !important; text-align:left; color:#fff; margin:20px 0px 20px 20px !important; } .oportunidades_mod_1-3 p { margin:0 20px !important; font-size:65%; text-align:left; } .oportunidades_mod_1-3 ul { margin:0 20px; padding:0; display:block; list-style:none; } .oportunidades_mod_1-3 li { display:block; margin:0 0 10px 0; } .oportunidades_mod_1-3 li.aviso { font-family:Arial, Helvetica, "sans-serif"; font-size:50%; } .oportunidades_mod_1-3 label { font-size:60%; font-weight:bold; text-align:left; } a.cadastrese:link, a.cadastrese:visited, a.cadastrese:active { color:#FF3399; font-weight:bold; text-decoration:none; } a.cadastrese:hover { text-decoration:underline; }