@charset "UTF-8";
/*
Theme Name: Pirri Esgrima
Theme URI: http://www.luisrojas.org/
Description: Tema de la web oficial de pirri desarrollado especial mente para su web oficial.
Version: 1.0
Author: Luis Rojas
Author URI: http://www.luisrojas.org/
*/

/*Estilos por defecto*/

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, 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;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}  
:focus { outline: 0;}  
a, a:link, a:visited, a:hover, a:active{text-decoration:none}  
table { border-collapse: separate;border-spacing: 0;}
th, td {text-align: left; font-weight: normal;}
img, iframe {border: none; text-decoration:none;}
ol, ul {list-style: none;}
input, textarea, select, button {font-size: 100%;font-family: inherit;}
select {margin: inherit;}
hr {margin: 0;padding: 0;border: 0;color: #000;background-color: #000;height: 1px}

/*Etiquetas por defecto*/
/*Controladores de la pagina*/
html{
	overflow-y: scroll;
}
body {
	background-color: #FF0000;
	background: url(img/fondo-web.jpg) center;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	background: url(img/comun/fondo-contenedor.jpg) repeat-x #87BDEB;
}
#contenedor {
	width: 924px;
	height: 608px;
	position: absolute;
	left: 50%;
	top: 50%;
	
	margin-left: -462px;
	margin-top: -304px;
}
#contenido {
    height: 584px;
    background-color: #fff;
	margin-top: -12px;
    display: block;
}
#contenido-top {
	width: 924px;
	height: 26px;
	margin: auto;
	background: url(img/comun/fondo-contenido-top.png);
}
#contenido-bottom {
	width: 924px;
	height: 16px;
	margin: auto;
	background: url(img/comun/fondo-contenido-bottom.png);
}
#cabecera {
    width: 910px;
    height: 156px;
	position: relative;
	top: -8px;
    margin: auto;
	background: url(img/comun/fondo-cabecera.jpg) no-repeat;
	overflow: hidden;
}
#logo {
	width: 238px;
	height: 141px;
	position: absolute;
	top: 10px;
	left: 63px;
}
#galeriaCabecera {
	width: 516px;
	height: 154px;
	margin-top: 1px;
	float: right;
}
#galeriaCabecera img {
	display: none;
}
/*Cuerpo de la pagina*/
#cuerpo {
	width: 910px;
	margin: auto;
	/*overflow: hidden; --- Si queremos que el div cuerpo se cresca con el contenido hay que quitar esto y poner una clase clear para evitar que no se vean las imagnes que salen de la botenera*/
	margin-top: -3px;
	margin-bottom: -10px;
}
#contenido-texto {
	width: 768px;
	float: left;
}
#areaMenu {
	width: 768px;
	height: 50px;
	overflow: visible;
}
#areaMenu div {
	margin-bottom: 4px;
}
/*Menu*/
#menuCompleto {
	width: 768px;
	height: 21px;
	position: relative;
	top: 10px;
	z-index:
}
#menu {
	width: 768px;
	height: 21px;
	position: absolute;
	top: 0;
	z-index: 100;
	/*background-color: #FFFFFF;*/
}
#menu ul {
	clear: both;
}
#menu ul li {
	width: 91px;
	height: 21px;
	position: relative;
	float: left;
	background: url(img/comun/menu/fondo-boton.png) no-repeat;
	text-align: center;
	margin-right: 5.50px;
	cursor: pointer;
}
#menu ul li.ultimo {
	margin-right: 0px;
	background: url(img/comun/menu/fondo-boton-blog.png) no-repeat;
	float: right;
}
#menu ul li.active {
	background: url(img/comun/menu/fondo-boton-active.png) no-repeat;
}
#menu ul li.active a {
	color: #FFFFFF;
	font-weight: bold;
}
#menu ul li a {
	color: #091419;
	font-size: 11px;
	padding: 4px 0;
	display: block;
}
#menu ul li.ultimo a {
	color: #FFFFFF;
}
/*menuPrevio*/
#previoMenu {
	width: 768px;
	height: 21px;
	position: absolute;
	top: 0;
	z-index: 40;
}
#previoMenu .previo {
	width: 90px;
	height: 56px;
	display: block;
	position: relative;
	top: 0px;
	float: left;
}
.previo.p1 {
	left: 0px;
	background: url(img/comun/menu/previa/p1.png) no-repeat top center;
}
.previo.p2 {
	left: 6px;
	background: url(img/comun/menu/previa/p2.png) no-repeat top center;
}
.previo.p3 {
	left: 13px;
	background: url(img/comun/menu/previa/p3.png) no-repeat top center;
}
.safari .previo.p3 {
	left: 12px;
}
.previo.p4 {
	left: 19px;
	background: url(img/comun/menu/previa/p4.png) no-repeat top center;
}
.safari .previo.p4 {
	left: 18px;
}
.previo.p5 {
	left: 26px;
	background: url(img/comun/menu/previa/p5.png) no-repeat top center;
}
.ie6 .previo.p5 {
	left: 24px;
}
.ie7 .previo.p5 {
	left: 24px;
}
.safari .previo.p5 {
	left: 24px;
}
.previo.p6 {
	left: 32px;
	background: url(img/comun/menu/previa/p6.png) no-repeat top center;
}
.ie6 .previo.p6 {
	left: 31px;
}
.ie7 .previo.p6 {
	left: 30px;
}
.safari .previo.p6 {
	left: 30px;
}
.previo.p7 {
	left: 39px;
	background: url(img/comun/menu/previa/p7.png) no-repeat top center;
}
.ie6 .previo.p7 {
	left: 37px;
}
.ie7 .previo.p7 {
	left: 37px;
}
.safari .previo.p7 {
	left: 35px;
}
.previo.p8 {
	left: 47px;
	background: url(img/comun/menu/previa/p8.png) no-repeat top center;
}
/*SubMenu*/
#subMenus {
	width: 768px;
	height: 21px;
	position: relative;
	/*top: -4px;*/
	top: 6px;
	z-index: 60;
	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
}
.subMenu {
	width: 768px;
	height: 21px;
	display: none;
}
.subMenu ul {
	overflow: hidden;
}
.subMenu ul li {
	width: 91px;
	height: 21px;
	float: left;
	background: url(img/comun/menu/fondo-boton-active.jpg) no-repeat;
	text-align: center;
	margin-right: 5.50px;
	display: block;
	cursor: pointer;
}
.subMenu ul li.relleno {
	background: none;
}
.subMenu ul li a {
	color: #091419;
	
	display:block;
	font-size:11px;
	padding:4px 0;
}
#contenidoCentrar {
	position: relative;
	z-index: 80;
	height: 391px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
}
#contenidoCentrar h1 {
	margin-top: 10px;
	margin-bottom: 8px;
}
#contenidoCentrar p {
	color: #FFFFFF;
	text-align: justify;
	font-size: 13px;
	padding-bottom: 16px;
	line-height: 20px;
}
/*Contenido espesifico por pagina*/
#esgrima-a-fondo {
	width: 672px;
	margin-left: 74px;
	padding-top: 10px;
}
#pirriDeportista {
	width: 480px;
	padding-top: 10px;
	margin-left: 26px;
}
#pirriDeportista p {
	font-size: 13px !important;
	color: #0c1318 !important;
}
#fichaTecnica {
	width: 720px;
	margin: auto;
	padding-top: 10px;
}
#fichaTecnica img {
	float: right;
}
#infoFicha {
	float: left;
	padding-top: 60px;
	width: 300px;
}
#infoFicha p {
	color: #07080a;
	font-size: 13px;
	padding-bottom: 2px;
}
#pirriServicios {
	width: 640px;
	margin: auto;
	overflow: hidden;
}
#pirriServicios h1 {
	text-align: center;
}
.servip {
	width: 262px;
}
.servip p {
	padding-top: 10px;
}
#clubpirri {
	width: 730px;
	margin: auto;
	overflow: hidden;
	color: #FFFFFF;
}
#clubpirri h1 {
	text-align: right;
}
#clubpirri h2 {
	margin-top: 20px;
	text-align: left;
}
.contactgo {
	width: 416px;
	margin-top: 40px;
	font-size: 13px;
	position: relative;
}
.enviar {
	position: absolute;
	bottom: 47px;
	right: -90px;
	display: block;
}
.contactgo p {
	font-size: 13px !important;
}
.contactar p {
	color: #000000 !important;
}
.contactgo input, .contactgo textarea{
	width: 298px;
	border: solid #999999 1px;
}
.contactgo textarea{
	height: 118px;
}
#clubpirri table {
}
.contactar table {
	color: #000000 !important;
}
#clubpirri tr th, #clubpirri tr td{
	padding-bottom: 10px;
}
#clubpirri th {
	width: 132px;
	vertical-align: top;
	text-align: right;
	padding-right: 10px;
}
#biografiaPirri {
	width: 720px;
	margin-left: 20px;
	overflow: hidden;
}
#biografiaPirri h1 {
}
.enlaceBO {
	margin-right: 70px;
}
.enlaceBO {
	font-size: 13px !important;
	font-weight: normal;
	font-style: italic;
}
.enlaceBO a {
	text-decoration: underline;
	color: #FFFFFF;
}
#carahumana {
	width: 500px;
	height: 370px;
	/*padding-top: 10px;*/
	padding: 10px 10px; 
	overflow: auto;
}
#fotografia {
	width: 740px;
	margin: auto;
	overflow: hidden;
}
#tienda {
	width: 740px;
	height: 374px;
	margin: auto;
	padding-top: 10px;
}
#tienda h1 {
	padding-top: 10px;
}
#tienda p {
	margin-top: 270px;
	color: #000000;
	font-size: 13px;
}
#esAFondo {
	width: 768px;
	height: 391px;
}
.notaP {
	margin: auto;
	width: 240px;
	overflow: hidden;
}
#esAFondo p {
	color: #999999;
	font-style: italic;
	font-size: 13px;
	float: left;
	margin-top: 6px;
}
#esAFondo img {
	float: left;
	margin-top: 6px;
	width: 81px;
	height: 22px;
}
#descargas {
	width: 740px;
	height: 374px;
	margin: auto;
	padding-top: 10px;
}
.grupoCajas {
	overflow: hidden;
	margin-top: 80px;
	margin-left: 32px;
}
.grupoCajas a:link,.grupoCajas a:visited {
	color: #FFFFFF !important;
	font-size: 11px !important;
}
.grupoCajas a:hover, .grupoCajas a:active {
	color: #FFFFFF !important;
	font-size: 11px !important;
	text-decoration: underline !important;
}
.grupoCajas dl {
	width: 142px;
	float: left;
	margin-right: 36px;
}
.grupoCajas dl.ultimo {
	margin-right: 0px;
}
.grupoCajas dt {
	width: 142px;
	height: 108px;
	text-align: center;
	padding-top: 9px;
	background: url(img/cajaDescargas.png) no-repeat;
}
.grupoCajas dd {
}
.grupoCajas dd p {
	font-size: 11px !important;
	text-align: center !important;
}
#video {
	width: 740px;
	height: 374px;
	margin: auto;
	padding-top: 10px;
}
#detalle {
	width: 250px;
	float: right;
}
#detalle h2 {
	color: #8199A9;
	font-style: italic;
	margin-top: 4px;
}
#detalle a{
	color: #FFFFFF !important;
	font-style: italic !important;
	font-size: 11px;
	margin-top: 10px;
}
#detalle a:hover{
	text-decoration: underline;
}
.grupoCajasV {
	overflow: hidden;
	margin-top: 80px;
	margin-left: 10px;
}
.grupoCajasV a:link,.grupoCajasV a:visited {
	color: #FFFFFF !important;
	font-size: 11px !important;
}
.grupoCajasV a:hover, .grupoCajasV a:active {
	color: #FFFFFF !important;
	font-size: 11px !important;
	text-decoration: underline !important;
}
.grupoCajasV dl {
	width: 174px;
	float: left;
	margin-right: 10px;
}
.grupoCajasV dl.ultimo {
	margin-right: 0px;
}
.grupoCajasV dt {
	width: 174px;
	height: 135px;
	padding-top: 10px;
	padding-left: 12px;
	background: url(img/cajaVideos.png) no-repeat;
}
.grupoCajasV dd {
}
.grupoCajasV dd p {
	font-size: 11px !important;
	text-align: center !important;
}
#agradecimiento {
	width: 418px;
	height: 200px;
	margin-left: 200px;
	padding-top: 120px;
}
#agradecimiento h2 {
	color: #C9E0E8;
	font-size: 20px;
	font-weight: bold;
}
#agradecimiento p {
	padding-top: 10px;
	color: #000;
}
#agradecimiento a {
	color: #000;
	font-size: 13px;
}
#agradecimiento a:hover {
	color: #000;
	font-size: 13px;
	text-decoration: underline;
}
/*fin contenido especifico por pagina*/
#sidebar {
	width: 130px;
	float: right;
}
#iconos {
	text-align: center;
	padding-top: 10px;
}
#patrocinadores {
	width: 130px;
	height:	394px;
	font-size: 12px;
	position: relative;
	top: 4px;
	z-index: 40px;
	overflow: hidden;
}
#patrocinadores h3 {
	text-align: center;
	margin-bottom: 4px;
	margin-top: 4px;
	color: #666666;
	font-weight: bold;
}
#visorPatrocinadores {
	height: 352px;
	text-align: center;
	overflow: hidden;
	margin-top: 20px;
	margin-bottom: 7px;
}
#visorPatrocinadores img {
	margin: 0;
	padding: 0;
}

#reproducirvideo {
	width: 600px;
	margin: auto;
}
#reproductor {
	width: 480px;
	height: 360px;
	position: absolute;
	top: 16px;
	overflow: hidden;
	border: solid 2px #2C020C;
}
















/*Estilo galeria*/
/* Estilos para la galeria */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#photos {
	height: 380px !important;
	margin: auto !important;
	margin-top: 2px !important;
	visibility: hidden;
}

/* GALLERY CONTAINER */
.gallery { background: #ddd; border: 1px solid #aaa; padding: 5px;}

/* LOADING BOX */
.loader { background: url(loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; 
padding: 0 1em;
color: #000000 !important;
}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.strip_wrapper {
	display: none;
}
.filmstrip { 
	margin: 5px 5px 0px 5px; 
}
/*imagen galeria tamaño fijo*/
.filmstrip img {
	width: 84px;
	height: 84px;
}
/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #aaa; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #000;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */

*html .pointer {
	filter: chroma(color=pink);
}

/*Estilo provicional*/
.galleryview {
 font-size: 12px;
 font-family: Arial, Helvetica, sans-serif;
}
dt {
 font-weight: bold;
}
dd {
 margin-bottom: 0.5em;
}
.code_wrapper {
 border: 1px solid #888;
 background: #f0f0f0;
 padding: 10px;
}
code, .code {

}
.options {
 border: 1px solid #777;
 border-right: none;
 font-size: 0.8em;
 font-family: Verdana, Geneva, sans-serif;
}
.options th {
 text-align: left;
 background: #777;
 color: white;
 font-weight: bold;
}
.options th, .options td {
 padding: 4px 10px;
}
.options td {
 border-right: 1px solid #777;
}
#parts-img {
 border: 1px solid black;
}
img.nav {
 border: 1px solid black;
 margin-bottom: 5px;
}
a:link, a:visited {
 color: #3671A8;
 font-weight: bold;
 text-decoration: none;
}
a:hover {
 color: #CC5914;
}
.panel-overlay p{
 margin: .3em 0;
 font-style: italic;
}
.panel-overlay p {
 line-height: 1.2em;
}
#relleno {
	display: block;
	width: 948px;
	height:1px;
}
#usuarios-ie {
	display: none;
}
.ie6 #usuarios-ie {
	display: block;
	text-align: center;
	margin: auto;
	width: 930px;
	background-color: #fff;
}
.ie6 #usuarios-ie p {
	color: #999999 !important;
	font-size: 10px !important;
}
.formatex {
	color: #999999 !important;
	font-size: 10px !important;
}
.ie6 #usuarios-ie a {
	color: #999999;
	font-size: 10px !important;
}
.ie6 #usuarios-ie a:hover {
text-decoration: underline;
}

#enlacePrincipal {
	width: 200px;
	height: 70px;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 100;
	border-radius: 15px;
	background-color: #FFF;
}
#enlacePrincipal p {
	text-align: center;
	color:#000;
}
.tituloOKH {
	font-size: 16px !important;
	color: #000;
	padding-top: 6px;
	padding-bottom: 4px !Important;
	text-align: center;
}
#imagenCamara {
	position: absolute;
	top: 10px;
	left: 23px;
}
#enlacePrincipal a {
	color: #000;
	font-size: 10px;
}
.mas {
	font-size: 20px !important;
	color: #000 !important;
}
.rojoPirri {
	color: #F00 !important;
}