@import url(form.css);

*  {
    margin: 0;
    padding: 0;
    font-family: "Trebuchet MS", Calibri, Arial;
}

body {
    background: url(../images/bg.jpg);
}

.bg {
    height: 700px;
    width: 100%;
    margin: 0 auto;
    background: url(../images/bg_illustrations.jpg) no-repeat center top;
    position: absolute;
    z-index: -100;
}
.site {
    width: 930px;
    margin: 0 auto;
    position: relative;
}

.header {
    height: 264px;
    width: 100%;
    background: url(../images/holder_top.png) no-repeat bottom center;
    position: relative;
}
.middle {
    background: url(../images/holder_mid.png) repeat-y;
    padding: 50px 70px 50px 70px;
    float: left;
    color: white;
    font-size: 14px;
    width: 790px;
    
}
.footer {
    background: url(../images/holder_bot.png) no-repeat top;
    height: 135px;
    clear: both;
    padding: 0 70px 100px 70px;
    position: relative;
    width: 790px;
    
}

h1.logo a {
    height: 205px;
    width: 235px;
    position: absolute;
    background: url(../images/kurumikidz.png) no-repeat;
    top: 50px;
    left: 70px;   
}
h1.logo a {
    height: 205px;
    width: 235px;
    display:block;
    text-indent:-9999px;
    overflow: hidden;
}

.hidden {display: none; text-indent: -9999px;}

ul.menu {
    position: absolute;
    top: 40px;
    left: 300px;
    list-style: none;
}
ul.menu li a {
    background: url(../images/menu.png) no-repeat;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

ul.menu li {
    position: absolute;
    display: block;
}

ul.menu li.who-we-are {
    left: 37px;
    top: 0;
    width: 146px;
    height: 29px;
}
ul.menu li.who-we-are a {background-position: -37px 0;}
ul.menu li.who-we-are a:hover, ul.menu li.who-we-are.active a {background-position: -37px -120px;}

ul.menu li.links {
    left: 235px;
    top: 0;
    width: 60px;
    height: 29px;
}
ul.menu li.links a {background-position: -235px 0;}
ul.menu li.links a:hover, ul.menu li.links.active a {background-position: -235px -120px;}

ul.menu li.our-projects {
    left: 0px;
    top: 45px;
    width: 152px;
    height: 30px;
}
ul.menu li.our-projects a {background-position: 0px -45px;}
ul.menu li.our-projects a:hover, ul.menu li.our-projects.active a {background-position: 0px -165px;}

ul.menu li.download-us  {
    left: 210px;
    top: 38px;
    width: 160px;
    height: 30px;
}
ul.menu li.download-us a {background-position: -210px -38px;}
ul.menu li.download-us a:hover, ul.menu li.download-us.active a {background-position: -210px -158px;}

ul.menu li.contact-us  {
    left: 399px;
    top: 71px;
    width: 137px;
    height: 28px;
}
ul.menu li.contact-us a {background-position: -399px -71px;}
ul.menu li.contact-us a:hover, ul.menu li.contact-us.active a {background-position: -399px -191px;}

ul.menu li.what-is-happening  {
    left: 22px;
    top: 83px;
    width: 230px;
    height: 35px;
}
ul.menu li.what-is-happening a {background-position: -22px -83px;}
ul.menu li.what-is-happening a:hover, ul.menu li.what-is-happening.active a {background-position: -22px -203px;}

.headers {
    position: absolute;
    width: 286px;
    height: 45px;
    left: 582px;
    top: 165px;
    display: block;
    background: url(../images/headers.png) no-repeat;
    text-indent: -9999px;
}

body.home .headers {background-position: 0px 0px;}
body.contact-us .headers {background-position: 0px -90px;}
body.download-us .headers {background-position: 0px -45px;}
body.links .headers {background-position: 0px -135px;}
body.our-projects .headers {background-position: 0px -270px;}
body.who-we-are .headers {background-position: 0px -180px;}
body.what-is-happening .headers {background-position: 0px -225px;}
body.buy-cd .headers {background-position: 0px -315px;}

body.home .middle .itens {
    width: 100%;
    float: left;
    display: block;
    margin-bottom: 40px;
}
body.home .middle .itens li {
    list-style-type: none;
    width: 31%;
    display: block;
    float: left;
    margin-right: 20px;
    text-align: center;
}
body.home .middle .itens li:last {margin-right: 0;}
.itens li ul li {display: list-item !important; list-style-type: square !important; list-style-position: inside; width: 100% !important; text-align: left !important; margin-bottom: 10px;}
.itens li ul li {clear: both;}
.itens li img {margin-bottom: 10px;}


a img {border: 0;}

.middle a {color: white; text-decoration: none; }
.middle a:hover {text-decoration: underline; }

.footer .banner img {border: 2px solid white; margin-right: 40px;}
.footer .banner {float: left; vertical-align: middle; height: 50px;}
.footer p.survival {height:50px; line-height: 50px; font-size: 12px; }
.footer .btn {clear: both; margin-top: 50px;}
.footer .btn img {margin-right: 10px;}

a.dotcom {
    text-indent: -999px; overflow: hidden; display: block;
    position: absolute;
    right: 70px;
    top: 100px;
    background: url(../images/dotcom.png) no-repeat;
    width: 70px;
    height: 12px;
    z-index:10;
}

body.contact-us .contactInfo {
    float: left;
    width: 30%;
    list-style: none;
}

body.contact-us .contactInfo li {margin-bottom: 30px;}

body.contact-us form {
    float: right;
    width: 65%;
}
body.contact-us form .btnSend {
    border: 0;
    background: url(../images/btnSend.png) no-repeat;
    text-indent: -9999px;
    width: 115px;
    height: 20px;
}
body.contact-us form .btnSend:hover {
    background-position: 0 -20px;
    cursor: pointer;
}


body.who-we-are .coordinators, .who-we-are .collaborators {list-style: none; float: left; margin-bottom: 20px; clear: both;}
body.who-we-are .coordinators {border-bottom: 6px dotted #acc440; margin-bottom: 10px; padding-bottom: 10px;}
body.who-we-are .coordinators li, .who-we-are .collaborators li {float: left; margin-right: 40px; width: 375px;}
body.who-we-are .coordinators p, .who-we-are .collaborators p {text-align: justify;}
body.who-we-are .coordinators p:first-letter, .who-we-are .collaborators p:first-letter {padding: 0; margin: 0;}
body.who-we-are .collaborators li {margin-bottom: 15px;}

body.our-projects ul {list-style-position:inside;}

body.download-us .btnAddCart {width: 90px; height: 20px; background: url(../images/btnAddtoCart.png); display: block; float: right;}
body.download-us .btnAddCart:hover {background-position: 0 -90px;}

body.download-us .btnAddCart-Instrumental {width: 170px; height: 20px; background: url(../images/btnInstrumental.png) no-repeat; display: block; float: left;}
body.download-us .btnAddCart-Instrumental:hover {background-position: 0 -20px;}

body.download-us .btnViewCart {width: 90px; height: 20px; background: url(../images/btnViewCart.png); display: block;}
body.download-us .btnViewCart:hover {background-position: 0 -90px;}

.btnLyrics {width: 50px; height: 20px; background: url(../images/btnLyrics.png) no-repeat; display: block; float: left; text-indent: -9999px; overflow: hidden;}
.btnLyrics:hover {background-position: 0 -20px;}

body.download-us .plans {list-style:none;}
body.download-us .plans li {margin-bottom: 20px;}
body.download-us a {margin: 0}
body.download-us .plans .view {font-size: 12px;}
body.download-us .plans .btnAddCart {float: none;}

body.download-us .music-list {width: 100% !important;}
body.download-us .music-list li p.title {width: 230px;}
body.download-us .music-list li p.duration {width: 50px;}
body.download-us .music-list li p.lyrics {width: 50px; margin-left: 40px !important;}
body.download-us .music-list li p.buy-instrumental {width: 170px; margin-left: 70px !important;}
body.download-us .music-list li p.buy-music {width: 90px; float:right;}

body.buy-cd .music-list {width: 500px;}
body.buy-cd .music-list li p.lyrics {float: right;}
body.buy-cd .music-list li p.title {width: 350px;}
body.buy-cd .cd-info {float: left; width: 250px; margin-right: 20px; text-align: center;}
body.buy-cd .cd-info img {margin-bottom: 30px;}
body.buy-cd .cd {float: left; border: 3px solid #fff;}
body.buy-cd form.buy-form {clear: both;}
body.buy-cd form.buy-form fieldset {border: 0;}
.obs {clear: both; font-size: 12px; margin-top: 20px; text-align: center;}

.music-list {list-style: none; float: left;}
.music-list li {display: block; width: 100%; clear: both; margin-bottom: 5px; float: left; border-bottom: 1px solid #214310}
.music-list li p.nro {font-size: 17px; width: 20px; height: 16px; line-height: 16px; padding: 5px; background: #214310; text-align: center; margin: 0;}
.music-list li p.player {width: 20px; height: 20px; margin-right: 10px;}
.music-list li p {font-size: 14px; line-height: 20px; width: 10%; float: left; margin-left: 10px;}

h3 {color: Black; font-size: 22px; font-weight: bold;}
h4 {font-size: 16px; font-weight: bold;}
h5 {font-size: 14px; font-weight: bold;}
li.second, .last {margin: 0 !important;}
em.kurumikidz {color: #806700; font-style:normal; font-weight: bold;}

dl {margin-bottom: 20px;}
dt {font-size: 14px; font-weight: bold; margin-top: 20px;}
dd {margin-bottom: 5px; padding-left:10px;}

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

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

.comments {list-style: none; text-align: center; float: left; margin-bottom: 10px;}
.comments li {text-align: justify; float: left; margin-bottom: 10px; width: 100%;}
.comments li img {float: left; margin-right: 20px; margin-bottom: 10px;}
.comments p {font-style:normal; text-align: justify; margin-bottom: 14px; line-height: 20px;}
.comments .author {clear: both; font-style:italic; border-top: 1px solid #ccc; text-align: right; line-height: normal; margin-bottom: 0;}
.comments ul {list-style-position:inside;} 
.separador {border-bottom: 8px dotted #214310; margin: 20px 0 20px 0;}

.banner-BuyCd {
    position: absolute;
    top: 250px;
    right: 0px;
    height: 120px;
    width: 90px;
}
.map {color: #992222 !important; font-style:italic;}