/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}


/**** Globals ****/
body {font-family: "Trebuchet MS", Helvetica, Arial, Verdana; font-size: 62.5%; line-height: 1; color: #343434; }

h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, Verdana; margin-bottom: 6px; text-transform: uppercase; }
h1 { font-size: 3em; }
h2 { font-size: 2.5em; }
h3 { font-size: 2.167em; }
h4 { font-size: 1.667em; }
h5 { font-size: 1.167em; }
h6 { font-size: 1em; }
p { margin-bottom: 14px; }

a {color: #333; text-decoration: none;}
a:hover { text-decoration: none; color: red; }

li.last-list-item, li.last-list-item a {
border-right: none;
}

/***** Basic Layout ****/

#wrapper {
background: #fff url(../images/wrapper_bg.gif) top left repeat-y;
font-size: 1.2em;
margin: 0 auto;
padding: 0 10px;
width:948px;
}

#header {
height: 107px;
position: relative;
}

#first-navigation {
background: #fff url(../images/navigation_main_bg.gif) bottom left repeat-x;
height: 34px;
margin-bottom: 15px;
}

#content-wrapper {
background: #fff url(../images/content_wrapper_bg.gif) bottom left repeat-x;
overflow: hidden;
padding-left: 21px;
width: 928px;
}

#main-content {
float: left;
width: 623px;
}

#main-content-descar {
	/*background: url(../images/fn_manuales.jpg) top left no-repeat;*/
	overflow: hidden;
	position: relative;
	/*width: 100%;
	height: 380px;*/
}
#main-content-descargas {
	background: url(../images/fn_descargas.jpg) top left;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 450px;
}

.input-manual{
	width:150px;
	height:18px;
	border: 1px solid #FFFFFF ;
	font-size:14px;
		}
		
		.texto-descarga{
font-size:9px;}

.fondo-game{
	height:500px;
	background:url(../images/fn_juego.jpg) center no-repeat;
}

.fondo-tienda{
	background:url(../images/fn_tiendas.gif) center top no-repeat;
}

a.aceptar{
color:#FFFFFF;
}

a.aceptar:hover{
color:#333333;
}

#banner {
height: 312px;
width: 623px;
}

#last-entries-container {
overflow: hidden;
width: 623px;
}

#sidebar {
float: right;
height: 555px;
position: relative;
width: 305px;
}

#footer {
background: url(../images/footer_home_bg.gif) top left no-repeat;
clear: both;
height: 180px;
margin: 0 auto;
padding-left: 10px;
width: 958px;
}


/**** Header Section ****/
h1#logo {
float: left;
height: 65px;
margin-left: 31px;
margin-top: 26px;
overflow: hidden;
position: relative;
width: 103px;

}

h1#logo span {
background: url(../images/logo.gif) no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

h2#slogan {
visibility:hidden;
float: left;
height: 14px;
margin-left: 20px;
margin-top: 62px;
overflow: hidden;
position: relative;
width: 116px;
}

h2#slogan span {
background: url(../images/watches_bypuma_bg.gif) no-repeat;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

#crono-object {
height: 49px;
position: absolute;
right: 25px;
top: 50px;
width: 308px;
}

/***** Navigation Section ***/
#first-navigation ul {
display: block;
height: 24px;
margin-left: 22px;
}

#first-navigation ul li{
border-right: 1px solid #ce1f12;
float: left;
margin-top: 5px;
padding: 2px 0 3px 0;
}

#first-navigation ul li a{
padding: 1px 8px 1px 8px;
}

#first-navigation ul li a:hover, #first-navigation ul li a.active{
background: #ce1f12;
color: #fff;
}

#first-navigation ul li.last-list-item{
border-right: none;
}

/**** Banner Section ****/
#banner {
margin-bottom: 19px;
}

/*** Last Entries Section ***/
#last-entries-container h3 {
background: url(../images/header_blocks_bottom_home.gif) top left no-repeat;
height: 23px;
margin-bottom: 0;
text-indent: -9999px;
width: 623px;
}

#last-entries-container #block-01 {
background: url(../images/block_01_bg.gif) bottom left no-repeat;
float: left;
height: 186px;
padding-top: 15px;
width: 205px;
}

#last-entries-container #block-02 {
background: url(../images/block_02_bg.gif) top left no-repeat;
float: left;
height: 186px;
padding-top: 15px;
width: 213px;
}

#last-entries-container #block-03 {
background: url(../images/block_03_bg.gif) bottom left no-repeat;
float: left;
height: 186px;
padding-top: 15px;
width: 205px;
}

#last-entries-container .block-content{
font-weight: bold;
line-height: 1.2em;
margin: 0 13px 0 15px;
}

#last-entries-container .block-content p.date {
color: #717171;
font-weight: bold;
margin-bottom: 15px;
}

#last-entries-container .block-content p.date span{
color: #ce1f12;
font-weight: bold;
text-transform: uppercase;
}



#last-entries-container .block-content p.intro{
color: #ce1f12;
}

#last-entries-container .block-content a.intro{
color: #ce1f12;
}

#last-entries-container .block-content a:hover.intro{
color: #717171;
}

/***** Sidebar Section ***/
#sidebar #search-box{
height: 18px;
margin-bottom: 9px;
padding-left: 21px;
width: 267px;
}

#sidebar #search-box #search_query{
background: url(../images/search_bg.gif) top left no-repeat;
border: none;
color: #666;
height: 18px;
float: left;
padding-left: 4px;
width: 178px;
}

#sidebar #search-box .quick_search_submit{
background: #ce1f12;
border: none;
color: #fff;
float: right;
height: 20px;
padding-bottom: 4px;
text-align: center;
width: 68px;
}

#sidebar #search-box .quick_search_submit:hover{
background-color: #ee3224;
}

#sidebar #interactivo-box {
background: url(../images/interactivo_bg.jpg) bottom right no-repeat;
height: 144px;
margin-bottom: 15px;
margin-left: 21px;
position: relative;
width: 266px;
}

#sidebar #interactivo-box h3, #sidebar #twitter-box h3, #sidebar #followus-box h3, #sidebar #contact-box h3{
text-indent: -9999px;
}

#sidebar #interactivo-box a{
color: #ce1f12;
bottom: 10px;
display: block;
font-weight: bold;
font-size: .9em;
position: absolute;
right: 15px;
text-transform: uppercase;
}

#sidebar #interactivo-box a:hover{
color: #343434;
}

#sidebar #twitter-box {
background: url(../images/twitter_bg.jpg) bottom left no-repeat;
font-size:11px;
height: 82px;
margin-left: 21px;
margin-bottom: 22px;
overflow: hidden;
width: 266px;
}

#sidebar #twitter-box p{
color: #ce1f12;
font-weight: bold;
margin: 0 15px;
}

#sidebar #followus-box {
height: 18px;
margin-left: 21px;
margin-bottom: 5px;
width: 266px;
}

#sidebar #followus-box h3{
background: url(../images/siguenos_bg.gif) top left no-repeat;
float: left;
height: 14px;
margin-right: 9px;
margin-top: 2px;
width: 73px;
}

#sidebar #followus-box ul{
float: left;
display: block;
}

#sidebar #followus-box ul li{
float: left;
height: 18px;
}

#sidebar #followus-box ul li#follow-list-twitter-item a{
background: url(../images/btn_twitter.gif) top left no-repeat;
display: block;
height: 18px;
margin-right: 6px;
text-indent: -9999px;
width: 43px;
}

#sidebar #followus-box ul li#follow-list-facebook-item a{
background: url(../images/btn_facebook.gif) top left no-repeat;
display: block;
height: 18px;
margin-right: 6px;
text-indent: -9999px;
width: 40px;
}

#sidebar #followus-box ul li#follow-list-youtube-item a{
background: url(../images/btn_youtube.gif) top left no-repeat;
display: block;
height: 18px;
margin-right: 6px;
text-indent: -9999px;
width: 36px;
}

#sidebar #followus-box ul li#follow-list-flickr-item a{
background: url(../images/btn_flickr.gif) top left no-repeat;
display: block;
height: 18px;
margin-right: 6px;
text-indent: -9999px;
width: 38px;
}

#sidebar #tags {
background: url(../images/tags_cloud_bg.gif) bottom left no-repeat;
height: 164px;
margin-left: 26px;
width: 260px;
}

#sidebar #contact-box {
bottom: 0;
height: 71px;
left: 0;
position: absolute;
width: 306px;
}

#sidebar #contact-box h3 {
height: 71px;
width: 306px;
}

#sidebar #contact-box h3 a {
background: url(../images/contactanos_bg.jpg) top left no-repeat;
display: block;
height: 71px;
width: 306px;
}

#sidebar #contact-box h3 a {
background: url(../images/contactanos_bg.jpg) 0 0 no-repeat;
display: block;
height: 71px;
width: 306px;
}

#sidebar #contact-box h3 a:hover { background: url(../images/contactanos_bg.jpg) 0 -71px no-repeat; }

/**** Footer Section ***/
#footer ul{ display: block; }

#footer ul li{ display: block; float: left; height: 142px;}

#footer ul li#footer-list-catalogo-item{ width: 227px; }

#footer ul li#footer-list-puntos-item{ width: 214px; }

#footer ul li#footer-list-descargas-item{ width: 207px; }

#footer ul li#footer-list-widget-item{ width: 300px; }


#footer ul li#footer-list-catalogo-item a{
background: url(../images/footer_catalogointer_bg.jpg) top left no-repeat;
display: block;
height: 142px;
text-indent: -9999px;
width: 227px;
}

#footer ul li#footer-list-catalogo-item a:hover{
background: url(../images/footer_catalogointer_bg.jpg) 0 -142px no-repeat;
}

#footer ul li#footer-list-puntos-item a{
background: url(../images/footer_puntos_bg.jpg) top left no-repeat;
display: block;
height: 142px;
text-indent: -9999px;
width: 214px;
}

#footer ul li#footer-list-puntos-item a:hover{
background: url(../images/footer_puntos_bg.jpg) 0 -142px no-repeat;
}

#footer ul li#footer-list-descargas-item a{
background: url(../images/footer_descargas_bg.jpg) top left no-repeat;
display: block;
height: 142px;
text-indent: -9999px;
width: 207px;
}

#footer ul li#footer-list-descargas-item a:hover{
background: url(../images/footer_descargas_bg.jpg) 0 -142px no-repeat;
}

#footer ul li#footer-list-widget-item a{
background: url(../images/footer_widget_bg.jpg) top left no-repeat;
display: block;
height: 142px;
text-indent: -9999px;
width: 300px;
}

#footer ul li#footer-list-widget-item a:hover{
background: url(../images/footer_widget_bg.jpg) 0 -142px no-repeat;
}