*{
	color: #7f7f7f;
	font-family:"Segoe UI", "Trebuchet MS", Tahoma, sans-serif;
	font-size:13px;
	margin: 0; 
    padding: 0;
}

html, body{
margin: 0;
padding: 0;
height: 100%;
width: 100%;
background: url(images/fondo.jpg) repeat;
}

h1{
margin: 0;
padding-bottom: 3px;
color: #6dcff6;
font: italic 1em Verdana, Arial, Helvetica, sans-serif;
width: 235px;
border-bottom: solid 1px #393838;
}

h3{
font-variant: small-caps;
margin: 0;
padding-bottom: 3px;
color: #cacfdd;
font: .8em Verdana, Helvetica, Arial;
width: 480px;
border-bottom: solid 1px #393838;
}

p{
margin-top: 5px;
padding: 0;
width: 235px;
font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #7a7a7a;
}

a{
margin: 0;
padding: 0;
color: #ffaa00;
text-decoration: none;
}
a:hover{
margin: 0;
padding: 0;
color: #fff;
}
img{
border: 0;
}
li.spacer{
color: #7a7a7a;
}

/* Entradas
--------------*/
.entry{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #d4d4d4;
	margin-bottom: 7em;
}
.entry small{
	display: block;
	margin-bottom: 2em;
	color: #999;
}
.entry img{
	margin-bottom: 9px;
}
.entry img[align="right"]{
	margin-left: 9px;
}
.entry img[align="left"]{
	margin-right: 9px;
}
.entry img.border{
	padding: 2px; 
	background: #aaa;
	border: 1px solid #eee;
}
.entry li{
	font-size: 1.3em;
	padding: 5px 1em;
	list-style: circle inside;
	color: #777;
	border-bottom: 1px solid #111;
	line-height: 1.3em;
}

/* contacto
--------------*/

.ddfmerrors{
	display: none;
}
.errorlist{
	margin: 0 0 15px 0;
	background: #CF3333;
	padding: 5px 10px;
	border: 1px solid pink;
	color: #eee;
	font-size: 1.3em;
	line-height: 170%;
}
#respond{
	margin-top: 30px;
}
#respond label{
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 10px;
	color: #999;
	font-size: 1.1em;
	text-transform: lowercase;
}
#respond .required{
display: none;
}
#respond input{
	padding: 4px 4px 3px 26px;
}
#respond textarea{
	width: 300px;
	padding: 2px 4px;
	}
.required{
	color: #eee;
}
.submit{
	text-align: right;
	margin-right: 110px;
}
#respond .submit input{
	background: #eee url('images/icon-apply.gif') 4px 3px no-repeat;
	color: #444;
padding-bottom: 4px;
}
input#nombre{
	background: #fff url('images/icon_user.gif') 4px 4px no-repeat;
}
input#email{
	background: #fff url('images/icon_mail.gif')  4px 4px no-repeat;
}
input#url{
	background: #fff url('images/icon_web.gif') 4px 4px no-repeat;
}

div#container-page{
margin: 0 auto;
padding: 0;
width: 810px;
background: url(images/body_bg02.jpg) repeat-y;
position: relative;
min-height: 100%;
height: auto !important;
height: 100%;
}
div#header{
margin: 0 auto;
padding: 0;
width: 800px;
height: 144px;
background: url(images/header08.png) no-repeat top left;
}
div#logo{
float: left;
margin: 0;
padding: 0;
width: 221px;
height: 144px;
}
div#main-nav{
float: left;
margin: 0;
padding: 0;
width: 572px;
height: 144px;
}
div#main-nav ul{
float: left;
margin: 0;
padding: 0;
width: 572px;
height: 139px;
list-style-type: none;
text-align: center;
}
div#main-nav li{
float: left;
padding-top: 75px;
width: 114px;
height: 60px;
}
div#main-nav li a{
float: left;
margin-top: 0px;
padding-top: 15px;
height: 50px;
width: 111px;
color: white;
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(images/nav-a.png) no-repeat top left !important; /*Mozilla will apply this one*/
background: url(images/nav-a.gif) no-repeat top left;/*IE will apply this one*/
}
div#main-nav li a:hover{
float: left;
margin-top: -40px;
padding-top: 15px;
height: 80px;
width: 111px;
color: #ff7f00;
background: url(images/nav-ahover.png) no-repeat top left !important; /*Mozilla will apply this one*/
background: url(images/nav-ahover.gif) no-repeat top left;/*IE will apply this one*/
display: block;
}
div#main-nav li a#current-top{
float: left;
margin-top: -40px;
padding-top: 15px;
height: 80px;
width: 111px;
color: #000;
background: url(images/nav-ahover.png) no-repeat top left !important; /*Mozilla will apply this one*/
background: url(images/nav-ahover.gif) no-repeat top left;/*IE will apply this one*/
display: block;
}
div#wrap{
clear: both;
margin: 0 auto;
padding-bottom: 117px;
width: 800px;
height: auto;
background: #000;
}
div#content-flash{
margin: 0 auto;
padding: 0;
width: 800px;
height: 500px;
}
div#fondofondo{
background-image: url(images/centro_suelas_latino.jpg);
margin: 0 auto;
padding: 0;
width: 800px;
height: 500px;
}

div#fondopirata{
background-image: url(images/centro_suelas_pirata.jpg);
margin: 0 auto;
padding: 0;
width: 800px;
height: 500px;
}


div#fondo404{
background-image: url(images/centro_suelas_latino_404.jpg);
margin: 0 auto;
padding: 0;
width: 800px;
height: 500px;
}



div#content-box{
margin: 0 auto;
padding-top: 5px;
width: 800px;
height: 150px;
background: #000;
}
div#content-left{
float: left;
margin-top: 5px;
margin-right: 2px;
padding: 5px;
width: 250px;
height: 125px;
background: #000;
}
div#content-left a{
float: left;
margin-top: 2px;
padding-top: 4px;
padding-left: 10px;
width: 142px;
height: 21px;
font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-decoration: none;
display: block;
background: url(images/list_bg05.jpg) no-repeat;
}
div#content-left a:hover{
color: #ffaa00;
background: url(images/list_bg06.jpg) no-repeat;
}
div#content-center{
float: left;
margin-top: 5px;
margin-left: 2px;
padding: 5px;
width: 250px;
height: 125px;
background: #000;
}
div#content-center a{
float: left;
margin-top: 2px;
padding-top: 4px;
padding-left: 10px;
width: 142px;
height: 21px;
font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-decoration: none;
display: block;
background: url(images/list_bg05.jpg) no-repeat;
}
div#content-center a:hover{
color: #ffaa00;
background: url(images/list_bg06.jpg) no-repeat;
}
div#content-right{
float: right;
margin-top: 5px;
margin-right: 3px;
padding: 5px;
width: 250px;
height: 125px;
background: #000;
}
div#content-right a{
float: left;
margin-top: 2px;
padding-top: 4px;
padding-left: 10px;
width: 142px;
height: 21px;
font: normal 0.8em Verdana, Arial, Helvetica, sans-serif;
color: #666;
text-decoration: none;
display: block;
background: url(images/list_bg05.jpg) no-repeat;
}
div#content-right a:hover{
color: #ffaa00;
background: url(images/list_bg06.jpg) no-repeat;
}
div#container-foot {
clear: both;
margin: 0;
position: absolute;
bottom: 0 !important;
bottom: -1px;
width: 810px;
height: 115px;
font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
overflow: hidden;
background: url(/images/body_bg2.jpg) repeat-y;
}
div#foot{
margin: 0 auto;
padding: 0;
width: 795px;
height: 115px;
background: #000 url(images/footer08.jpg) no-repeat top left;
}
div#bottom-nav{
margin-left: 270px;
padding: 0;
height: 115px;
width: 289px;
text-align: left;
}
div#bottom-nav ul{
margin: 0;
padding-top: 66px;
height: 25px;
width: 289px;
}
div#bottom-nav li{
margin: 0;
padding: 0;
height: 25px;
width: auto;
color: #7a7a7a;
display: inline;
}
div#bottom-nav a{
margin: 0;
padding: 0;
color: #7a7a7a;
text-decoration: none;
}
div#bottom-nav a:hover{
margin: 0;
padding: 0;
color: #fff;
}
div#bottom-nav a#current-bottom2{
margin: 0;
padding: 0;
color: #ffaa00;
}

div#bottom-nav li.spacer{
color: #000;
}