/* CSS Document Created By Jorge Condomí */

body{background:#3a3a3a url(../images/bg.png) bottom left repeat-x; font-family:"Trebuchet Ms", Verdana, Tahoma;}
html>body{background:#444 url(../images/bg.png) bottom left repeat-x; font-family:"Trebuchet Ms", Verdana, Tahoma;}

/*###############
      BASIC  
##################*/

body,div,
h1,h2,h3,h4,h5,
ul,li,
form,p{padding:0;margin:0; font-weight:normal;}



#head{ background: transparent url(../images/head_bg.gif) bottom center no-repeat; width:691px; height:138px; cursor:pointer; margin:0 auto;}
			#head h1 span{ display:none;}
			#head h2 span{ display:none; }


#cont{ background-color: #fff; position:relative; width:808px; margin:0 auto 40px auto;}

#box{ position:relative;}	
	#box>#nav{ left: 0;}
	
	#box img{  background-color: #fff; padding:4px; margin:0 auto; border:none;}


#nav{ position:absolute; top:0; left:0; width:100%; height:100%; z-index: 10;}
	#nav a{ outline: none; text-decoration:none; display:block; height:48px; width:127px;}
	
	
	
	#siguiente, #anterior{ display:block;}
	#anterior { left: 0; float: left;background: url(../images/anterior.gif) right 15% no-repeat;}
	#siguiente { right: 0; float: right;background: url(../images/siguiente.gif) right 15% no-repeat;}

	html>body #siguiente, html>body #anterior{	width: 49%;	height: 100%;background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */display: block;}
	
	#siguiente span, #anterior span{ visibility:hidden;}
	#siguiente:hover, #siguiente:visited:hover { background: url(../images/siguiente.gif) right 15% no-repeat;}
	#anterior:hover, #anterior:visited:hover { background: url(../images/anterior.gif) left 15% no-repeat; }

#extra{ height:45px; position:relative; text-align:center;}

#desc{ top:2px; font-size:12px; line-height:12px;}	

	#extra form{ width:200px; margin:2px 20px; float:left;}
	#extra a{ font-size:18px; color:#444; text-decoration:none; float:right; margin:2px 20px; }