/* CSS Document */
body{
	padding:0; margin:0; background:url(images/cabecera_bg.gif) repeat-x #000; color:#A5A5A4;
	}
div, ul, h1, h2, h3, h4, p, img, form{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.blank{
	font-size:0px; clear:both; line-height:0px;
	}
/*--------------------------------header pan---------------------------*/
#headerPan{
	width:778px; margin:0 auto 0 auto; background:url(images/girlsbcn.jpg) no-repeat; height:280px;
	}
#headerPan ul{
	width:537px; margin:0 0 0 240px; display:block; height:21px;
	}
#headerPan ul li{
	display:block; float:left; height:21px; margin:0; padding:0;
	}
#headerPan ul li a{
	font: bold 12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:0 14px 0 14px; color:#EAEAEA;
	background-color:#242424; text-decoration:none; margin:0; height:21px;
	}
#headerPan ul li a:hover{
	color:#EAEAEA; background-color:#0867C3;
	}
#headerPan h1{
	background:url(images/company_name.gif) no-repeat; margin:48px 0 0 251px;  width:233px; height:100px; display:block;
	text-indent:-2000px; 
	}
/*----------------------------------body part----------------*/
#mainBody{
	width:750px; margin:24px auto 0 auto; 
	}
/*--------- cabecera ------*/
#cabecera{
	width:748px;
	margin:0 auto;
	background:url(images/cabecera_pic.gif) 180px 0 no-repeat;
	height:180px;
	position:relative;
}
#cabecera img{
	position:absolute;
	left:0px;
	top:64px;
}
#cabecera ul{
	width:745px;
	height:35px;
	position:absolute;
	left:0;
	top:153px;
	padding:0 0 0 0;
	background:url(images/nav_bg.gif) 0 0 repeat-x;
}
#cabecera ul li{
	float:left;
}
#cabecera ul li a{
	display:block;
	font: normal 18px/35px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#0B0B0B;
	text-decoration:none;
	text-align:center;
	padding:0 21px 0 21px;
	height:35px;
	float:left;
	border-right:#2B2B2B solid 1px;
	border-left:#000000 1px solid;
}

#cabecera ul li a:hover{
	background:url(images/navi_h_bg.gif) repeat-x 0 0; 
	border-left:#292929 1px solid;
	border-right:#292929 1px solid;
	height:35px; 
}

#cabecera h1{
	font:normal 11px/23px Arial, Helvetica, sans-serif;
	vertical-align:bottom;
	color:#999999;
	margin:0px 0 0 0;
	padding:0;
	text-align:center;
}
/*---------------- fin de cabecera -------------------*/
/*-------------------------------------- descripcion start-------------------*/
#descripcion{
	width:745px;
	margin:0 auto;
}

#descripcion h2{
	font:bold 18px/20px Arial, Helvetica, sans-serif;
	color:#FD7302;
	display:block; width:720px; 
	padding:10px 7px 0 12px; margin:5px 0 0px 0;
	text-align:justify; 
}

#descripcion .texto{
	color:#8C8C8B; font:14px/18px Arial, Helvetica, sans-serif; display:block; width:720px; 
	padding:5px 7px 0 12px; margin:5px 0 10px 0;
	text-align:justify; 
}

a:link {text-decoration: none; color:#FD7302}
a:visited {text-decoration: none; color:#FD7302}
a:active {text-decoration: none}
a:hover {text-decoration: none; color:#D3D3D3}
		
/*-------------------------------------- descripcion_2 start-------------------*/
#descripcion_2{
	width:745px;
	margin:0 auto;
}

#descripcion_2 h2{
	font:bold 18px/20px Arial, Helvetica, sans-serif;
	color:#FD7302;
	display:block; width:720px; 
	padding:20px 7px 0 12px; margin:5px 0 0px 0;
	text-align:justify; 
}

#descripcion_2 .texto{
	color:#8C8C8B; font:14px/18px Arial, Helvetica, sans-serif; display:block; width:720px; 
	padding:5px 7px 0 12px; margin:5px 0 10px 0;
	text-align:justify; 
}

/*--------- izquierdo centro ------*/
#izqcentro{
	width:200px; margin:0 0 0 0px; float:left;	
	}
#izqcentro p.foto{
	background-color:#151515; color:#8C8C8B; font:20px/25px Arial, Helvetica, sans-serif; display:block; width:180px; height:270px;
	padding:16px 12px 0 12px; margin:5px 0 0 0;
	text-align:center;
	}		
/*----------- derecho centro -------*/
#dchcentro{
	width:529px; margin:0 0 0 0px; float:right;
	}
#dchcentro .texto{
	background-color:#151515; color:#8C8C8B; font:14px/18px Arial, Helvetica, sans-serif; display:block; width:505px; height:185px;
	padding:16px 7px 0 12px; margin:5px 0 0 0;
	text-align:justify; max-height:185px;
	}
#dchcentro h3{
	 color:#D3D3D3; font:14px/40px Arial, Helvetica, sans-serif; display:block; width:465px; 
	padding:10px 7px 0 52px; margin:0 0 0 0; background:url(images/01.gif) no-repeat 11px 13px #151515;
	text-align:justify;
	}
#dchcentro p.vermas {
	background-color:#151515; color:#8C8C8B; padding:7px 0 13px 14px; width:510px; height:15px; margin:0 0 0 0;
	}
#dchcentro p.vermas a{
	background-color:#000000; color:#2BCB02; width:496px; display:block; font:14px/14px Arial, Helvetica, sans-serif;
	text-decoration:none; text-align:right; padding:0 3px;
	}
#dchcentro p.vermas a:hover{
	color:#fff; background-color:#124D8C; text-decoration:none;
	}
/*-------------------------------footer---------*/
#footerMain{
	background:url(images/footer_bg.gif) repeat-x 0 0; width:100%;
	}	
#footer{
	background:url(images/footer.gif) no-repeat 0 0; height:97px; width:778px; margin:0 auto 0 auto; padding:74px 0 0 0;
	}
#footer ul{
	width:446px; display:block; margin:0px 0 0 270px; padding:0; font-size:0; height:20px; 
	}
#footer ul li{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  float:left; background-color:#0F0F0F;
	padding:0; margin:0;
	}
#footer ul li a{
	color:#9B9B9B; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;  background-color:#0D0D0D;
	text-decoration:none; padding:0 6px 0 6px; 
	}
#footer ul li a:hover{
	text-decoration:underline;
	}
#footer p{
	width:324px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0px 0 0 430px;
	background-color:#0A0A0A; padding:0 0 9px 0;
	}
#footer ul.css{
	width:103px; display:block; font-size:0px; margin:0px 0 0 586px; padding:0; height:20px;
	}
#footer ul.css li{
	display:block; float:left; background-color:#060606; margin:0 0 0 1px; padding:0; color:#FFFFFF;
	}
#footer ul.css li a{
	 text-indent:-2000px; height:11px; padding:0; margin:0; float:left; font-size:0; display:block;
	}
#footer ul.css li a.cs{
	background:url(images/css.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.cs:hover{
	background:url(images/css_h.gif) no-repeat 0 0; width:39px;
	}
#footer ul.css li a.html{
	background:url(images/xhtml.gif) no-repeat 0 0; width:61px;
	}
#footer ul.css li a.html:hover{
	background:url(images/xhtml_h.gif) no-repeat 0 0; width:61px;
	}
#footer p.copy{
	width:250px; display:block; font:12px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#EAEAEA; margin:0;
	background-color:#030303; padding:0; float:right; display:block;
	}
#footer p.copy a{
	text-decoration:underline; color:#EAEAEA; background-color:#030303;
	}
#footer p.copy a:hover{
	text-decoration:none
	}