@import url(form.css);

* {margin: 0; padding: 0; font-family: "Trebuchet MS", Verdana, Tahoma;}
/*body, html {height: 100%;}*/
body {background: url(../images/bg.gif);}

/* Begining of specifications for the intro page */
.intro {background: none !important;}
.intro .wrapper {position: absolute; top: 50%; left: 0; text-align: center; margin-top: -250px; background: white; height: 500px; width: 100%; line-height: 400px; text-align: center;}
.intro .wrapper a {
    height: 372px;
    width: 367px;
    display: block;
    background: url(../images/kurumikidz_off.gif) no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -184px;
    margin-top: -186px;
    position: relative;
}
.intro .wrapper a:hover {background: url(../images/kurumikidz_on.gif) no-repeat;}
.intro .top, .intro .bottom {height: 13%; width: 100%; background: url(../images/intro_bg.gif); position: absolute; z-index: 2; left: 0;}
.intro .top {top: 0; background-position: bottom;}
.intro .bottom {bottom: 0;}
/* End of specifications for the intro page */

.site {width: 100%; background: white; float: left; border-bottom: 10px solid black; margin-top: 5%; margin-bottom: 5%;}
.wrapper {width: 980px; margin: 0 auto;}
.holder1, .holder2 {float: left; width: 100%; position: relative;}
.holder1 {background: url(../images/detail_bg.gif) repeat-y; background-position: 335px 0; overflow: hidden;}
.holder2 { left: 365px;}
.col1, .col2 {position: relative; float: left;}
.col1 {right: 365px; width: 365px;}
.col2 {width: 615px; right: 365px; padding-bottom: 60px;}

.col1 h1 {width: 330px; margin: 20px 0px 90px 60px;}
.col1 h1 a {width: 230px; height: 200px; background: url(../images/kurumikidz_logo.jpg) no-repeat; display: block;}
.col1 .menu {list-style: none; float: right; margin-right: 17px; margin-bottom: 20px;}
.col1 .menu li {text-align: right;}
.col1 .menu li a {height: 40px; width: 290px; display: block; background: url(../images/menu.gif) no-repeat;}
.col1 .menu li a span {display: none;}

/* Itens do menu */
.col1 .menu li .home {background-position: 0px 0px;}
.col1 .menu li .home:hover,.col1 .menu li.active .home {background-position: -290px 0px;}
.col1 .menu li .who-we-are {background-position: 0px -40px;}
.col1 .menu li .who-we-are:hover,.col1 .menu li.active .who-we-are {background-position: -290px -40px;}
.col1 .menu li .our-projects {background-position: 0px -80px;}
.col1 .menu li .our-projects:hover,.col1 .menu li.active .our-projects {background-position: -290px -80px;}
.col1 .menu li .what-is-happening {background-position: 0px -120px;}
.col1 .menu li .what-is-happening:hover,.col1 .menu li.active .what-is-happening {background-position: -290px -120px;}
.col1 .menu li .download-us {background-position: 0px -160px;}
.col1 .menu li .download-us:hover,.col1 .menu li.active .download-us {background-position: -290px -160px;}
.col1 .menu li .links {background-position: 0px -200px;}
.col1 .menu li .links:hover,.col1 .menu li.active .links {background-position: -290px -200px;}
.col1 .menu li .contact-us {background-position: 0px -240px;}
.col1 .menu li .contact-us:hover,.col1 .menu li.active .contact-us {background-position: -290px -240px;}
/* Fim do menu */

.col1 .detail {width: 30px; height: 117px; position: absolute; right: 0; top:0;}

.citation {text-align: center; margin-bottom: 20px; margin-top: 20px;}
.citation cite {display: block;}
.citation cite em {display: block; text-align: right; width: 82%; font-size: 12px;}

.content {padding: 0 35px 35px 35px; float: left; }
.content .title {height: 40px; background: url(../images/titlebar.gif) no-repeat; margin-bottom: 20px;}
.content p {line-height: 22px; font-size: 14px; text-align: justify;}
/*.content p:first-letter {margin-left:50px;}*/

.footer {height: 60px; width: 628px; position: absolute; bottom: 0; left: -13px;}
.footer .dotcom {background: url(../images/dotcom.png) no-repeat; width: 70px; height: 12px; display: block; float: right; margin-right: 25px; margin-top: 25px;}
.footer .btn {float: left; margin-top: 10px; margin-left: 10px;}
.footer .btn a img {border: 0;}


/* Details of contents */
.home .col1 .detail {background: #FFF url(../images/detail_yellow.gif) no-repeat bottom;}
.home .title {background-position: 0 0;}
.home .footer {background: #fdb913;}
.home a {color: #fdb913;}
.home p {margin-bottom: 20px;}

.who-we-are .col1 .detail {background: #FFF url(../images/detail_green.gif) no-repeat bottom;}
.who-we-are .title {background-position: 0 -40px;}
.who-we-are .footer {background: #acc440;}
.who-we-are a {color: #acc440;}
.who-we-are h3 {color: #acc440; margin-bottom: 10px;}
.who-we-are .coordinators, .who-we-are .collaborators {list-style: none; float: left; margin-bottom: 20px;}
.who-we-are .coordinators {border-bottom: 2px dotted #acc440; margin-bottom: 10px; padding-bottom: 10px;}
.who-we-are .coordinators li, .who-we-are .collaborators li {float: left; margin-right: 50px; width: 236px;}
.who-we-are .coordinators p, .who-we-are .collaborators p {text-align: left;}
.who-we-are .coordinators p:first-letter, .who-we-are .collaborators p:first-letter {padding: 0; margin: 0;}
.who-we-are .collaborators li {margin-bottom: 15px;}
.who-we-are .collaborators h4 {height: 30px; margin-bottom: 10px; line-height: 14px;}

.our-projects .col1 .detail {background: #FFF url(../images/detail_yellow.gif) no-repeat bottom;}
.our-projects .title {background-position: 0 -80px;}
.our-projects .footer {background: #fdb913;}
.our-projects a {color: #fdb913;}
.our-projects dt {color:#fdb913; }
.our-projects h4 {margin-top: 10px;}
.our-projects ul {list-style-position:inside;}
.our-projects ul li {font-size: 14px;}

.what-is-happening .col1 .detail {background: #FFF url(../images/detail_green.gif) no-repeat bottom;}
.what-is-happening .title {background-position: 0 -120px;}
.what-is-happening .footer {background: #acc440;}
.what-is-happening a {color: #acc440;}
.what-is-happening h3 {margin-bottom: 10px; color:#acc440;}

.comments {list-style: none; text-align: center; float: left; margin-bottom: 30px;}
.comments li {text-align: justify; float: left;}
.comments li img {float: left; margin-right: 20px; margin-bottom: 10px;}
.comments p {font-style:normal; text-align: justify; margin-bottom: 10px;}
.comments .author {clear: both; font-style:italic; margin-bottom: 10px; border-top: 1px solid #ccc; text-align: right;}

.gallery {list-style:none; width: 100%; text-align: center;}
.gallery li {display: inline;}


.download-us .col1 .detail {background: #FFF url(../images/detail_yellow.gif) no-repeat bottom;}
.download-us .title {background-position: 0 -160px;}
.download-us .footer {background: #fdb913;}
.download-us a {color: #fdb913;}
.download-us h3 {margin-bottom: 10px; color: #fdb913;}
.download-us .songs {list-style: none; float: left;}
.download-us .songs li {margin-bottom: 20px; float: left; margin-right: 50px;}
.download-us .songs .info {font-size: 12px; line-height: normal;}

.download-us .player {display: block; clear: both;}
.download-us .btnAddCart {width: 120px; height: 25px; background: url(../images/btnAddCart.gif); display: block; float: right;}
.download-us .btnAddCart:hover {background-position: -120px;}
.download-us .btnViewCart {width: 120px; height: 25px; background: url(../images/btnViewCart.gif); display: block;}
.download-us .btnViewCart:hover {background-position: -120px;}
.download-us .plans {list-style:none;}
.download-us .plans li {margin-bottom: 20px;}
.download-us a {margin: 0}
.download-us .plans .view {font-size: 12px;}
.download-us .plans .btnAddCart {float: none;}      


.links .col1 .detail {background: #FFF url(../images/detail_green.gif) no-repeat bottom;}
.links .title {background-position: 0 -200px;}
.links .footer {background: #acc440;}
.links a {color: #acc440;}
.links a img {border: 0}
/*.links .linksInfo li p:first-letter {margin: 0;}*/

.contact-us .col1 .detail {background: #FFF url(../images/detail_yellow.gif) no-repeat bottom;}
.contact-us .title {background-position: 0 -240px;}
.contact-us .footer {background: #fdb913;}
.contact-us a {color: #fdb913;}
.contact-us .contactInfo {list-style: none; margin-bottom: 20px; float: left;}
.contact-us .contactInfo li {float: left; margin-right: 20px; width: 236px;}
/*.contact-us p:first-letter, .contact-us p {margin: 0 !important; padding: 0 !important; }*/



/* Contents */
.imgLegend {margin: 0 10px 10px 0; float: left; width: 310px;}
.imgLegend img {float: left; margin: 0 !important;}
.imgLegend p {clear: both; background: #eeeeee ; float: left; margin: 0 !important; padding: 5px; font-size: 12px; line-height: 14px;}

p strong {color: #806700;}
em.kurumikidz {color: #806700; font-style:normal; font-weight: bold;}
.picture {display: block; padding-bottom: 43px; background: url(../images/picture_bg.gif) repeat-x bottom left;}
.banner {text-align: center !important; width: 100%; margin-bottom: 0 !important;}
dt {font-size: 18px; font-weight: bold;}
dd {margin-bottom: 20px;}

li.second, .last {margin: 0 !important;}
.hidden  {display: none;}
.center {text-align: center;}
p.middle {margin-bottom: 20px; clear: both;}
p.middle:first-letter {margin: 0;}
a {text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
.separador {background: url(../images/picture_bg.gif) repeat-x left; width: 100%; display: block; height: 36px; margin-bottom: 20px; border: 0; clear: both;}