/*---------------------------------------------------------------------------------
Hoja de estilo PETARDOS TEAM

Versión 1.0
Autor: Carlos Iván Jusdado Tejedor
E-mail: cijtmaster@yahoo.es
---------------------------------------------------------------------------------*/


/*-------------------------------------------------------------------------------*/
/* ----------------------- ESTILOS Y TIPOGRAFIA PRINCIPAL ---------------------- */
/*-------------------------------------------------------------------------------*/
*{
	margin: 0;
	padding: 0;
	outline: none;
}

body {
	background-color: #FFF;
	font-family: arial, Geneva, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 1.3em;
	color: #787878;
}

a{
	color: #000000;
	text-decoration:underline;
	font-weight:bold;
}

a:hover{
	text-decoration:none;
}

a:visited{
	color: #000;
}

img {
	border:0;
}

p{
	margin-bottom:10px;
}

.clear{
	clear:both;
}

.centrar{
	position:relative;
	width:930px;
	margin:0 auto 0 auto;
}

/*-------------------------------------------------------------------------------*/
/* ---------------------------------- CABECERA --------------------------------- */
/*-------------------------------------------------------------------------------*/

#cabecera{
	height:132px;
	width:100%;
	background:url(../imagenes/fondo_cabecera.gif) repeat-x top left;
}

#cabecera .logo{
	position:absolute;
	top:21px;
	left:25px;
}

#cabecera .cajafecha{
	position:absolute;
	width:168px;
	height:30px;
	top:21px;
	left:210px;
	padding:30px 0 0 7px;
	border-left:1px solid #6e6e6e;
}

#cabecera .cajafecha .creacuenta a{
	font-size:0.9em;
	color:#555;
}

#cabecera .cajafecha .fecha{
	font-size:0.9em;
	color:#000;
	font-weight:bold;
}

#cabecera .banner{
	position:absolute;
	width:470px;
	height:62px;
	top:21px;
	right:35px;
}

#cabecera #barramenu{
	position:absolute;
	top:99px;
}

#cabecera #barramenu ul{
	list-style:none;
}

#cabecera #barramenu ul li{
	float:left;
}

#cabecera #barramenu ul li a{
	display:block;
	height:26px;
	float:left;
	font-weight:normal;
	text-decoration:none;
	color:#494949;
	padding:7px 0 0 0;
}

#cabecera .buscador{
	position:absolute;
	top:105px;
	right:25px;
	height:23px;
	color:#000;
}

#cabecera .buscador input.cajabuscar{
	
	height:14px;
	width:95px;
	margin:0 8px 0 0;
	padding:2px 0 0 3px;
}

#cabecera .buscador input.buscar{
	width:33px;
	height:17px;
	background: url(../imagenes/boton_buscar.gif) no-repeat;
	border:0;
	padding:0;
	margin:0 15px 0 0;
	cursor:hand;
}

#cabecera .buscador input.opcion{
	margin:0 0 0 5px;
}

/*-------------------------------------------------------------------------------*/
/* ------------------------------------ CUERPO --------------------------------- */
/*-------------------------------------------------------------------------------*/

#cuerpo{
	width:100%;
	background:url(../imagenes/fondo_cuerpo.gif) top left;
}

#cuerpo img{
	margin:0 0 5px 0;
}

#cuerpo h1{
	color:#484848;
	font-size:1.3em;
	margin:0 0 0.5em 0;
}

#cuerpo h1 a{
	text-decoration:none;
}

#cuerpo h1 a:hover{
	text-decoration:underline;
}

#cuerpo .menuflot{
	position:absolute;
	z-index:1;
	top:2px;
}

#cuerpo .menuflot ul{
	list-style:none;
}

#cuerpo .menuflot ul li a{
	display:block;
	width:215px;
	color:#FFF;
	text-decoration:none;
	padding:2px 0 6px 15px;
	background:#909090 url(../imagenes/menuflot_sep.gif) no-repeat bottom;
}

#cuerpo .menuflot ul li a.ultimo{
	background:#909090;
	padding:2px 0 0 15px;
}

#cuerpo .menuflot ul li a:hover{
	color:#fdcc3a;
}

#cuerpo .zona_banner{
	position:relative;
	width:930px;
	height:130px;
}

#cuerpo .zona_banner .banner{
	position:absolute;
	width:728px;
	height:90px;
	top:50%;
	left:50%;
	margin:-45px 0 0 -364px;
}

#cuerpo .pie_new{
	background:#353535;
	padding:5px;
	text-align:right;
	color:#FFF;
	width:290px;
	margin:0 0 20px 0;
}

#cuerpo #dentro .col1 .pie_new{
	width:590px;
}

#cuerpo .pie_new a{
	color:#fccb3a;
	text-decoration:none;
	font-weight:normal;
}

#cuerpo .pie_new a:hover{
	text-decoration:underline;
}

#cuerpo .col1{
	float:left;
	width:300px;
	margin:0 15px 0 0;
}

#cuerpo #dentro .col1{
	width:600px;
}

#cuerpo .col2{
	float:left;
	width:300px;
	margin:0 15px 0 0;
}

#cuerpo .col3{
	float:left;
	width:300px;
}

/*-------------------------------------------------------------------------------*/
/* -------------------------------------- PIE ---------------------------------- */
/*-------------------------------------------------------------------------------*/

#pie{
	height:150px;
	width:100%;
	padding:75px 0 0 0;
	background:url(../imagenes/fondo_pie.jpg) repeat-x top left;
}

#pie .arriba{
	width:930px;
	height:20px;
	margin:0 auto 0 auto;
	text-align:center;
	border-bottom:1px solid #000;
}

#pie .arriba ul{
	list-style:none;
}

#pie .arriba ul li{
	display:inline;
}

#pie .arriba ul li a{
	font-weight:normal;
	text-decoration:none;
}

#pie .arriba ul li a:hover{
	text-decoration:underline;
}

#pie .abajo{
	width:930px;
	margin:0 auto 0 auto;
	text-align:center;
	color:#000;
}