body { 
    margin: 10px;
    padding: 0; 
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#FFFFFF;
    font-size: 100%;
    background-color: #EDEDEC;
}

a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{
color:#FF0000;
}

#header{
width:100%;
height:220px;
margin:auto;
}

#header .content{
width:980px;
height:220px;
margin:auto;
background-image:url(../logo.jpg);
background-position:left; background-repeat:no-repeat;
}

#header .content .travestis{
width:540px;
height:200px;
float:right;
margin:10px;
}

#header .content .travestis h1{
font-size:24px;
margin:0;
color:#FFFFFF;
padding:10px;
}

#header .content .travestis h2{
font-size:14px;
font-weight:400;
color:#CCCCCC;
margin:0;
display:inline;
padding:10px;
}

#header .content .travestis .favoritos{
font-size:18px;
color:#FF0000;
margin:5px;
padding:3px;
text-align:center;
background-color:#3F3534;
}

#header .content .travestis .favoritos a{
color:#FF0000;
text-decoration:none;
}

#header .content .travestis .favoritos a:hover{
color:#FFFFFF;
text-decoration:none;
}



#wrapper {
    width: 980px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}

h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: 1265px;
    width: 980px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #3F3534 url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 1265px;
    width: 940px;
}

.scrollContainer div.panel h2{
font-size:16px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #FC210E;
}

ul.navigation a.selected {
    background-color: #3F3534;
	color:#FFFFFF;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}

#footer{
width:100%;
height:200px;
background-image:url(../footer/bg.jpg);
text-align:center;
clear:both;
}

#footer .datafoot{
width:980px;
height:200px;
margin:auto;
background-image:url(../footer/footer-img.jpg);
background-position:right; background-repeat:no-repeat;
}

#promos{
width:100%;
height:auto;
}

#promos h2{
font-size:18px;
color:#FF0000;
width:100%;
margin:0;
text-align:center;
background-color:#333333;
}

#promos .promo{
width:305px;
height:250px;
margin:2px;
float:left;
background-color:#352E2D;
text-align:center;
padding:1px;
border:#666666 1px solid;
}

#promos .promo h3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:200;
margin:0 auto;
text-align:left;
}

#tube {
width:925px;
height:330px;
float:left;
background-color:#000000;
margin:2px;
padding:6px;
border:1px #666666 solid;
}

#tube .video{
width:300px;
height:300px;
float:left;
padding:1px;
background-color:#171717;
margin:2px;
}

#tube .video h3{
font-size:10px;
margin:0;
text-align:left;
}

#banner{
width:925px;
height:auto;
background-color:#000000;
margin:5px;
float:left;
text-align:center;
padding:3px;
}


#webcams {
width:925px;
height:370px;
float:left;
background-color:#000000;
margin:2px;
padding:6px;
border:1px #666666 solid;
}

#webcams .promo{
width:300px;
margin:2px;
height:360px;
padding:2px;
float:left;
}

#webcams .promo h4{
font-size:12px;
color:#fff;
margin:0;
padding-left:10px;
padding-top:7px;
}

.recomendados{
width:500px;
height:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:800;
color:#FFFFFF;
margin-top:30px;
background-color:#3F3534;
margin-left:10px;
padding:5px;
float:left;
}