/* 
CSS Document 
Sitio: percanegra.com
*/

html {
	font: 12px/21px Arial, Helvetica, sans-serif;
	background: #036 url(img/fondo.gif);
	margin:0; 
	padding:8px 0;
}
body { 
	margin: 0 auto;
	padding:0;
	width:800px;
	border-right: 2px solid #039; border-bottom: 2px solid #039;
}
#container { 
	background-color:#FFF;
	border: 10px solid #FFF;
}

p.msg { padding:5px; background-color:#F90; color:#FFF;}

/*

ENCABEZADO

*/

#header { background: url(img/header.jpg) no-repeat; height:155px; position:relative;}
#header h1 {position:absolute; width: 145px; height:80px; top:20px; left:25px;}
#header h1 a {display:block; height:100%; text-indent:-9999px; text-decoration:none;}
#header .yamamoto {position:absolute; width: 120px; height:60px; top:60px; right:15px;text-indent:-9999px; text-decoration:none;}



/*

MENU DE NAVEGACION

*/

#menu {float:left; width:155px; border-bottom: 5px solid #09F;}
#menu h4 { 
	font-size:12px; 
	background-color:#09F; 
	color:#FFF; 
	border-bottom: 1px solid #06C;
	border-top: 1px solid #06C; 
	padding:3px 8px; 
	margin:0;
}
#menu h4.top { border-top:none;}
#menu ul { margin:0; padding:0; list-style: none;}
#menu ul li { height:23px;}
#menu ul li a {
	display:block; 
	height:100%; 
	padding-left: 20px; 
	background: #cbe3ff url(img/menu_vineta.gif) no-repeat 8px 0; 
	text-decoration:none; 
	color:#000; 
}
#menu ul li a:hover { background-color: #F90; color:#FFF; background-position: 8px -23px;} 


/*

CONTENIDO

*/

#content {float:left; width:440px; padding:15px;}
#content .yamamoto{
	display:block; 
	width:440px; 
	height:80px; 
	text-indent:-9999px; 
	text-decoration:none; 
	background: url(img/banner.gif);
	margin-bottom:25px;
}

#content .foto { float:left; margin: 5px 8px 5px 0; border:3px solid #F1F1F1; background-position: center center;}
#content .foto a { display:block; height:100%; text-indent:-9999px;}

#content h1 { 
	font: bold 24px Georgia, "Times New Roman", Times, serif; 
	margin: 1px 0; 
	border-bottom: 1px solid #999; 
	color:#369; 
	letter-spacing:-1px;
}
#content h2 { 
	font-size: 12px; 
	font-weight:normal; 
	text-transform:uppercase; 
	margin: 0 auto; 
	color:#999;
	border-bottom: 1px solid #E4E4E4; 
}
#content h3 { 
	font: bold 18px Georgia, "Times New Roman", Times, serif; 
	margin: 25px 0 15px 0; 
	border-bottom: 1px solid #999; 
	color:#369; 
	letter-spacing:-1px;
}
#content h4 { font-size: 12px; font-weight:normal; margin: 5px 0; color:#bababa; padding:8px; background:#F1F1F1 url(img/fondo_h3.gif);}

#principal { padding-bottom:40px;}
#principal h1 {margin:0 0 8px 0;}
#principal h2 {display:inline;}
#principal h2.full {display:block; margin: 20px 0;}
#principal h4 {margin:0 0 15px 0;}
#principal h4 strong {color:#369; font-weight:normal;}
#principal p { margin: 8px 0 8px 0;}
#principal p.enlaces { margin:15px 0 10px 0; text-align:center;}
#principal a.ampliar { color:#09F; background: url(img/lupa_azul.gif) no-repeat left center; padding-left:16px; margin-right:15px;}
#principal a.vertodos { color:#09F; background: url(img/todos_azul.gif) no-repeat left center; padding-left:16px;}
#principal a.download { display:block; color:#09F; background: #e8f5ff url(img/todos_azul.gif) no-repeat 2% 50%; padding:5px 5px 5px 25px;}
#principal .fotini { float:left; margin: 8px 8px 0 0; border:3px solid #F1F1F1; width:125px; height:85px; clear:both;}
#principal .fotini a {display:block; height:100%; text-indent:-9999px;}
#principal .foto { float:left; margin: 10px 8px 0 0; border:3px solid #F1F1F1; clear:both; border:none;}
#principal .foto img {border:3px solid #F1F1F1;}
#principal ul {margin:0 0 15px 0; padding:0; list-style:none;}
#principal ul li { padding:3px 10px; border-bottom: 1px solid #f1f1f1; color:#CCC;}
#principal ul li a {color:#369; margin-left:8px; text-decoration:none;}

#noticias{padding-bottom:15px;}
#noticias h1 { border:none; font-size:18px; font-weight:bold;border-bottom: 1px solid #E4E4E4; margin-top:15px; color:#000;}
#noticias h2 {display:inline;}
#noticias h4 { padding:0 2px; background: none;}
#noticias p { margin: 0 0 15px 0; padding-bottom:15px;}
#noticias p a { color:#000; background: url(img/lupa_negra.gif) no-repeat left center; padding-left:16px; margin-left:5px;}
#noticias a.vertodos {display:block; border-top: 1px solid #000;color: #333; padding:10px 0 0 16px; background: url(img/todos_negro.gif) no-repeat 0 17px;}
#noticias .fotini { float:left; margin: 5px 8px 0 0; border:3px solid #F1F1F1; width:99px; height:65px; clear:both;}
#noticias .fotini a {display:block; height:100%; text-indent:-9999px;}

#principal.noticias h2 { margin:15px 0 0 0;}
#principal.noticias h4 {margin:0 0 10px 0; padding:0; background:none;}
#principal.noticias a.ampliar { color:#09F; background: url(img/lupa_azul.gif) no-repeat left center; padding-left:16px; margin-right:15px;}
#principal.noticias a.vertodos { color:#09F; background: url(img/todos_azul.gif) no-repeat left center; padding-left:16px;}
#principal.noticias .fotini { float:left; margin: 8px 8px 0 0; border:3px solid #F1F1F1; width:110px; height:75px; clear:both;}



#video { background: url(img/cargando.gif) no-repeat center center; margin-bottom:40px;}
#video h2 {
	display:block;
	background: #F1F1F1 url(img/video_top.gif) no-repeat center top; 
	height:28px; 
	padding-top:8px; 
	text-align:center; 
	font-weight:bold;
	color:#F40;
}
#video a {
	display: block;
	background: #F1F1F1 url(img/video_bottom.gif) no-repeat center top; 
	height:28px; 
	padding-top:8px; 
	text-align:center; 
	color:#F40;
}




/*

SALUDO

*/

#saludo {
	margin-top:0;
	background: url(fotos/saludo.jpg) no-repeat center top;
	padding-top: 170px;
}



/*

CONTACTO

*/

ul.contacto{ margin:20px 0; padding:0; list-style:none;}
ul.contacto li{ padding:3px 10px; border-bottom:1px solid #F1F1F1;}

form.contacto { margin:0; padding:0;}
form.contacto fieldset { margin:0; padding:0; border:none;}
form.contacto legend {
	display:block;
	font: normal 14px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#F60;
	margin-bottom: 20px;
}
form.contacto label {padding: 0 2px 2px 9px; display:inline; float:left; width:80px; margin-bottom:5px; clear:both}
form.contacto input, textarea { width:300px; font: normal 12px Arial, Helvetica, sans-serif; border: 1px solid #DADADA; margin:2px 0 5px 0;}
form.contacto input.submit { width:75px; text-align:center; padding:2px; margin-left:93px; margin-top:15px; background-color:#F1F1F1;}



/*

ENLACES

*/

#principal.enlaces h2 {margin:25px 0 0 0;}
#principal.enlaces a.enlace {display:block; color:#09F; background: #e8f5ff url(img/enlace_azul.gif) no-repeat 2% 50%; padding:5px 5px 5px 25px;}



/*

GALERIAS DE FOTO

*/

#principal.galerias h2{ clear:both;margin:35px 0 0 0;}
#principal.galerias .fotini { float:left; clear:none; margin-bottom:10px; width:auto; height:auto; margin-right:4px; font-size:10px; background-color:#f1f1f1; font-family:Verdana, Arial, Helvetica, sans-serif;}
#principal.galerias .fotini img {display:block; border:none;}
#principal.galerias .fotini p { margin:0;  color:#999; text-decoration:none;}
#principal.galerias a.ampliar { display:block; clear:both; padding-left:16px;}


/*

TIENDA

*/

#principal.tienda h2{ clear:both;margin:15px 0 0 0; padding-top:10px;}
#principal.tienda h2.full {color: #000; font-weight:bold; font-size:14px;}
#principal.tienda h4 { margin:0 0 15px 0; padding:0; background:none; text-decoration:underline; font-size:11px;}
#principal.tienda .fotini { width:auto; height:auto; display:inline; float:left; clear:none; margin-bottom:10px;margin-right:4px;}
#principal.tienda .fotini img {display:block; border:none;}
#principal.tienda a.ampliar { display:block; clear:both; padding-left:16px; color:#000; background-image:url(img/lupa_negra.gif); margin-bottom:15px;}
#principal.tienda p a.ampliar { clear:none; display:inline; float:left;}
#principal.tienda a.pregunta { color:#09F; text-decoration:none; background: #e8f5ff url(img/pregunta_azul.gif) no-repeat 2% 50%; display:block; padding:5px 5px 5px 27px;}




/*

PAGINADOR

*/

#paginador { clear:both; padding:5px; margin-top:30px; border-top:3px solid #F1F1F1; color:#F60;}
#paginador a {margin:0 3px; color:#09F; text-decoration:none;}
#paginador a.todos {margin-right:10px; padding-right:10px; border-right: 1px solid #CCC; background: url(img/todos_azul.gif) no-repeat left center; padding-left:12px}
#paginador a.atras { background: url(img/atras_azul.gif) no-repeat left center; padding-left:9px;}
#paginador a.adelante { background: url(img/adelante_azul.gif) no-repeat right center; padding-right:9px;}

.paginador { clear:both; padding:5px; margin-top:10px; border-top:3px solid #F1F1F1; color:#F60;}
.paginador a {margin:0 3px; color:#09F; text-decoration:none;}
.paginador a.todos {margin-right:10px; padding-right:10px; border-right: 1px solid #CCC; background: url(img/todos_azul.gif) no-repeat left center; padding-left:12px}
.paginador a.atras { background: url(img/atras_azul.gif) no-repeat left center; padding-left:9px;}
.paginador a.adelante { background: url(img/adelante_azul.gif) no-repeat right center; padding-right:9px;}

/*

AUSPICIANTES

*/

#sponsors {float:left; width:155px; background-color:#F8E9AD; border-bottom: 5px solid #FC0;}

#sponsors h4 { 
	font-size:12px; 
	background-color:#FC0; 
	color:#000; 
	border-bottom: 1px solid #e1b400;
	padding:3px 8px; 
	margin:0;
}

#sponsors p { text-align:center; font-size:11px; color: #e1b400; padding: 30px 0;}

#sponsors ul {
	margin: 0 auto;
	padding:0;
	list-style: none;
}
#sponsors ul li { border-top: 1px solid #FC0; padding:10px 0;}
#sponsors ul li.top { border: none;}
#sponsors ul li a { display:block; text-indent:-9999px; height:100%; background-repeat:no-repeat; background-position:center;}
#sponsors ul li a.vitalicio { background-image: url(patrocinadores/vitalicio.png); height:95px; width:155px;}
#sponsors ul li a.jewel { background-image: url(patrocinadores/jewel.png); height:124px; width:155px;}
#sponsors ul li a.ranger { background-image: url(patrocinadores/ranger.png); height:92px; width:155px;}
#sponsors ul li a.e21 { background-image: url(patrocinadores/e21.png); height:103px; width:155px;}
#sponsors ul li a.worden { background-image: url(patrocinadores/worden.png); height:77px; width:155px;}
#sponsors ul li a.aebass { background-image: url(patrocinadores/aebass.png); height:105px; width:155px;}		
	
/*

SEGUROS VITALACIO

*/
#content.full { width:605px; padding-right:0;}
#FRMNautico { font-size:11px;}
.formHeader { background:url(formulario/back28.gif); text-align:right; color:#FFF; font-size:16px; font-weight:bold; padding-right:10px; line-height: 50px; height:48px;}
.formHeader img { float:left; }
#FRMNautico fieldset { margin:0; padding:10px; border:none; }
#FRMNautico legend { display:none;}
#FRMNautico h6 { font-size:12px; color:#C00; margin:8px 0; }
#FRMNautico input,
#FRMNautico textarea,
#FRMNautico select { font-size:11px;margin-bottom:7px;}
#FRMNautico input#SumaAsegurada { margin-bottom:0;}
#FRMNautico label { clear:left; display: inline; float:left; width:125px; vertical-align:top; }
#FRMNautico label.capital { width:215px; }
#FRMNautico em.euros { font-style:normal; position:relative; top:-5px;}
h2.enviado { background-color: #09F; color:#FFF !important; font-weight:bold !important; padding:10px; margin-top:15px !important; text-transform:none !important; }


/*

PIE DE PAGINA

*/

#footer {
	clear:both; 
	margin-top:25px;
	height:19px; 
	background: #FC0 url(img/barranaranja.gif) repeat-x; 
	padding: 40px 0 30px 0; 
	text-align:center;
}
#footer a { color:#000;}