@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0;
}
img{
border:none;
}
.wrapper{
margin:0 auto;
width:865px;
height:100%;
position:relative;
}
#header{
margin:0px;
padding-top:40px;
height:87px;
}
#logo{
position:absolute;
background-image:url(img/logo.jpg);
width:209px;
height:35px;
top:40px;
}
#search{
float:right;
width:301px;
border:solid 1px #E0E0E0;
height:29px;
margin-right:8px;
}
#search #txtSearch{
width:110px;
font-family: "Lucida Grande", Arial;
font-size:11px;
height:15px;
border:solid 1px #FFFFFF;
padding:5px;
color:#666666;
}
#search #select{
background:url(select.png);
height:17px;
padding:6px 0px 6px 5px;
width:124px;
}
#search #send{
padding:12px 18px;
width:11px;
height:5px;
}
.boletinForma .textBox input{
font-family: "Lucida Grande", Arial;
border:none;
background:#FFFFFF;
color:#666666;
height:20px;
font-size:11px;
}
.box select{
border:solid 1px #EEEEEE; 
height:28px; 
background:#eee;
color:#666;
width:90px;
padding-top:2px;
font-family: "Lucida Grande", Arial;
font-size:11px;
}
.box select option{
height:20px; 
padding-top:9px;
}
#main{
position:relative;
height:100%;
float:left;
}
ul#menu{
float:left;
width:100px;
margin:0 auto;
padding:0;
list-style-type:none;
height:400px;
}
ul#menu li{
padding:4px 0px;
width:100px;
}
#menu img{
border:none;
}
#content{
float:left;
height:100%;
}
.home{
padding-left:20px;
width:740px;
}
.not-home{
padding-left:40px;
width:720px;
}
#content #banner{
float:left;
width:470px;
height:266px;
}
#content #boletin{
float:left;
width:239px;
height:266px;
padding-left:30px;
}
#content #boletin .text{
height:150px;
}
#content .boletinForma {
height:116px;
}
#content .boletinForma .textBox{
border-bottom:dotted 1px #666666;
padding:8px 0px;
margin:0px;
}
.textBox input{
width:200px;
}
.enviar{
background:#666666;
padding:4px 20px;
margin-top:7px;
}
.displays{
padding:43px 0px 60px 0px;
float:left;
width:740px;
}
.displays #welcome,.displays #blog-post{
width:171px;
float:left;
margin-right:20px;
}
.displays #blog-post h2{
margin:7px 0px;
font-weight:100;
}
.displays #welcome .text{
height:110px;
}
.displays .item{
width:239px;
margin-left:35px;
height:100%;
float:left;
}
.displays .item .img{
padding:9px 5px;
margin-right:20px;
height:112px;
width:68px;
float:left;
text-align:center;
/*background:#666666;*/
}
.displays .item .text{
float:left;
width:140px;
}
#slider{
clear:both;
}
#address{
padding:50px 0px 20px 0px;
}
#footer{
background-image:url(img/footer.png);
height:138px;
width: 100%;
}
#footer-content{
color:#FFFFFF;
width:780px;
margin:0 auto;
padding:25px 0px 0px 155px;
}
.column{
width:100px;
float:left;
}
#footer-content .second{
padding-right:25px;
}
.column a{
display:block;
color:#FFFFFF;
margin-bottom:10px;
}
#breadcrumb{
padding-bottom:10px;
}
#artists-names{
width:170px;
float:left;
padding-bottom:30px;
}
#artists-names a{
display:block;
border-bottom:dotted 1px #666666;
width:161px;
padding:5px 0px;
}
#artists-thumbs{
float:left;
width:530px;
padding-bottom:10px;
}
#artists-thumbs .artist{
width:263px;
padding-bottom:30px;
float:left;
}
#artists-thumbs .artist .img{
padding:9px 14px;
width:70px;
float:left;
}
#artists-thumbs .artist .text{
float:left;
width:165px;
}
#artist-links{
padding:15px 0 10px 0;
width:300px;
float:left;
}
#artist-links .img{
width:300px;
text-align:left;
padding-bottom:30px;
}
#artist-links a{
width:174px;
border-bottom:dotted 1px #666666;
display:block;
padding:5px 0px;
}
#artist-links .img a{
border:none;
}
#artist-description{
width:400px;
float:left;
}
#artist-description.texts{
width:100%;
}
#artist-description.texts #artist-links{
width:250px;
padding:15px 0 60px 0;
}
.paginator .next-prev{
width:300px;
float:left;
}
.paginator .numbers{
width:200px;
float:left;
}
#comments{
clear:both;
float:left;
}
#comments h3{
padding-bottom:30px;
}
#comments #boxes{
width:180px;
margin-right:10px;
height:100px;
float:left;
}
#comments #boxes .box{
border:solid 1px #E0E0E0;
height:29px;
margin-bottom:10px;
}
#comments #boxes h3{
padding-right:5px;
}
#comments #boxes .box input{
width:175px;
height:17px;
margin:6px 0px;
font-size:11px;
color:#666666;
border:solid 1px #FFFFFF;
font-family: "Lucida Grande", Arial;
}
#comments #comment{
width:435px;
float:left;
height:72px;
border:solid 1px #E0E0E0;
}
#comments #comment textarea{
width:433px;
border:solid 1px #FFFFFF;
height:70px;
color:#666666;
font-size:11px;
font-family: "Lucida Grande", Arial;
}
#comments #comment .input{
background:#666666;
padding:4px 20px;
margin-top:7px;
float:right;
width:220px;
}
#comments .contact{
width:458px;
float:left;
height:160px;
}
#comments .contact .textarea{
width:456px;
border:solid 1px #E0E0E0;
height:152px;
}
#comments .contact .textarea textarea{
width:450px;
height:145px;
border:solid 1px #FFFFFF;
color:#666666;
font-size:11px;
font-family: "Lucida Grande", Arial;
}
#comments .contact .input{
background:#666666;
padding:4px 20px;
margin-top:7px;
float:right;
width:220px;
}
#comments #boxes .ratings{
float:left;
padding-bottom:10px;
height:20px;
}
#comments #comments-area{
margin:40px 0px;
}
#comments #comments-area #comments-history{
background-color:#EEEEEE;
height:100%;
width:720px;
}
#comments #comments-area .comment{
border-bottom:dotted 1px #666666;
padding:10px 30px 40px 15px;
}
#comments #comments-area .comment .right{
width:400px;
}
#comments #comments-area .comment h3{
margin:0;
padding:0;
}
#search-results{
margin:40px 0px;
}
#search-results h2{
margin:20px 0px;
}
#search-results .result{
border-bottom:dotted 1px #666666;
padding:10px;
}
#search-results .first{border-top:dotted 1px #666666;}
#search-results .gray{background:#EEEEEE;}
#search-results .white{background:#FFFFFF;}
.hide{display:none;}
.clear{clear:both;}
.left{float:left;}
.right{float:right;}