@charset "UTF-8";

/*******************************************************************

	Hoja de estilos;  para incluir los otras css
	Autor: HGImagen  //  www.leonardocalcagno.com.ar

********************************************************************/

/* =Import
------------------------------------------------------------------ */

/* Eliminamos los estilos por defecto del navegador */
@import url(reset.css);

		body {
	margin: 		0;
	padding:		0;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		66%;
	background-image: url(../imagenes/fondo.jpg);
	background-repeat:   repeat-y;
	background-position: center;
		}
		
			 h2 {
	font-family: "Trebuchet MS";
	font-size: 20px;
	color: #9A8F82;
	margin-bottom: 20px;
	}
            p {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #9A8F82;
}

           h3 {
	font-family: "Trebuchet MS";
	font-size: 16px;
	color: #9A8F82;
	margin-bottom: 15px;
	margin-left: 30px;
	line-height: normal;
	font-style: italic;
	font-weight: normal;
		   }	
		   h4 {
	font-family: "Trebuchet MS";
	font-size: 14px;
	color: #9A8F82;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 55px;
		   }	

		#contenedor {
	position:		relative;
	width:			886px;
	margin:			auto;
	background-repeat: repeat;
	background-color: #303030;
		}
		#contenido {
	height: 100%;
	width: 886px;
	background-color: #FFFFCC;
}
		#navegacion {
	position:		relative;
	width:			886px;
	height:			48px;
	background-color: transparent;
		}
		#navegacion ul {
			margin:			0;
			padding:		0;
			padding-left:	20px;
			padding-right:	20px;
		}
		#navegacion ul li {
			list-style:		none;
			float:			left;
			margin-top:		20px;
			height:			16px;
		}
		#navegacion ul li a {
			display:		block;
		}
		#boton_primero {
	text-indent: -10000px;
	overflow:hidden;
	text-decoration:none;
	width:			169px;
	height:			16px;
	background-image: url(../imagenes/navbg.png);
	background-repeat: no-repeat;
	background-position: 0px -16px;
		}
		#boton_primero:hover {
		 background-position: 0px 2px;

		}
		#boton_segundo {
	text-indent: -10000px;
	overflow:hidden;
	text-decoration:none;
	width:			177px;
	height:			16px;
	background-color: transparent;
	background-image: url(../imagenes/navbg.png);
	background-repeat: no-repeat;
	background-position: -169px -16px;
		}		
		#boton_segundo:hover {
		    background-position:-169px 2px;

		}
		#boton_tercero {
	text-indent: -10000px;
	overflow:hidden;
	text-decoration:none;
	width:			192px;
	height:			16px;
	background-color: transparent;
	background-image: url(../imagenes/navbg.png);
	background-repeat: no-repeat;
	background-position: -346px -16px;
		}	
		#boton_tercero:hover {
            background-position:-346px 2px;
		}
		#boton_cuarto {
	text-indent: -10000px;
	overflow:hidden;
	text-decoration:none;
	width:			168px;
	height:			16px;
	background-color: transparent;
	background-image: url(../imagenes/navbg.png);
	background-repeat: no-repeat;
	background-position: -538px -16px;
		}	
		#boton_cuarto:hover {
            background-position:-538px 2px;
		}
		#boton_quinto {
		text-indent: -10000px;
	    overflow:hidden;
	    text-decoration:none;
		width:			103px;
		height:			16px;
		background-color: transparent;
		background-image: url(../imagenes/navbg.png);
		background-repeat: no-repeat;
		background-position: -706px -16px;
		}				
		#boton_quinto:hover {
		background-position:-706px 2px;

		}
		
		
		#cabecera {
	position:		relative;
	width:			886px;
	height:			100px;
	background-image: url(../imagenes/headerbg.png);
	background-repeat: no-repeat;
		}	
		#cabecera h1 {
			margin:			0;
			padding:		0;
			position:		relative;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		#cabecera form {
			position:		absolute;
			top:			30px;
			right:			26px;
			width:			273px;
		}
		
		#encabezado {
	position:		relative;
	width:			886px;
	height:			252px;
	background-image: url(../imagenes/fondo_encabezado.png);
	background-repeat: no-repeat;
	margin-bottom: 45px;
		}	
		#encabezado_interior {
	position:		relative;
	width:			886px;
	height:			252px;
	background-image: url(../imagenes/fondo_encabezado_interior.png);
	background-repeat: no-repeat;
	margin-bottom: 45px;
		}	
		#encabezado_exito {
	position:		relative;
	width:			886px;
	height:			252px;
	margin-bottom: 45px;
	background-image: url(../imagenes/fondo_encabezado_exito.png);
	background-repeat: no-repeat;
		}	
		#recuadro {
	width:			304px;
	height:			108px;
	position:		absolute;
	left: 			550px;
	top: 			103px;
	background-color: #000000;
		}
		#recuadro h2 {
	padding:		0;
	margin:			0;
	margin-top:		13px;
	margin-left:	15px;
	height:			22px;
	color: #CCCCCC;
	font-family: "Trebuchet MS";
	font-size: 20px;
	font-weight: bold;
		}
		#recuadro p {
	margin:			0;
	padding:		0;
	padding-left:	18px;
	padding-right:	20px;
	text-align:		justify;
	color:			white;
	font-size: 12px;
		}
		#recuadro a.masboton {
	width:			131px;
	height:			25px;
	position:		absolute;
	left:			90px;
	top:			102px;
	text-decoration:none;
	background-image: url(../imagenes/boton.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
		}

		#triptico {
	position:		relative;
	width:			858px;
	height:			380px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #646464;
		}
		#triptico_inferior {
	position:		relative;
	width:			858px;
	height:			450px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 15px;
	padding-top: 0px;
	background-color: #303030;
	float: left;
	background-image: url(../imagenes/fondo_tripticoinferior.jpg);
	background-repeat: no-repeat;
	background-position: 0px 100%;
		}
		.panel {
			width:			286px;
			height:			334px;
			margin:			0;
			float:			left;
			
		}
		.panel h2 {
			position:		relative;
			padding:		0;
			margin:			0;
			margin-top:		8px;
			margin-left:	11px;
			margin-bottom:	80px;
			height:			22px;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		.panel p {
	padding-right:	20px;
	margin:			0;
	text-align:		justify;
	padding-bottom:	5px;
	padding-top: 50px;
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	color: #9A8F82;
	font-size: 1em;
	line-height: normal;
		}
		.panel a.masboton {
	width:			106px;
	height:			20px;
	float:			right;
	text-decoration:none;
	background-image: url(../imagenes/boton.gif);
	position: static;
	top: 96px;
	margin-right: 20px;
	text-indent: -10000px;
		}
		#primerpanel {
	background-image: url(../imagenes/panel1bg.png);
	background-repeat: no-repeat;
		}
		#segundopanel {
	background-image: url(../imagenes/panel2bg.png);
	background-repeat: no-repeat;
		}
		#tercerpanel {
	background-image: url(../imagenes/panel3bg.png);
	background-repeat: no-repeat;
		}
		#cuartopanel {
	width: 470px;
	height: 434px;
	float: left;
}
#cuartopanel h4 {
	font-family: "Trebuchet MS";
	font-size: 12px;
	color: #9A8F82;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: normal;
	font-weight: normal;
		   }	
		#cuartopanel p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #9A8F82;
	line-height: normal;
	padding-top: 20px;
}

		#quintopanel {
	background-image: url(../imagenes/panel5bg.png);
	background-repeat: no-repeat;
	float: right;	
		}
		
		#sextopanel {
	height: 420px;
	width: 550px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9A8F82;
	margin-bottom: 35px;
	background-color: #303030;
	margin-left: 18px;
}
#sextopanel ul {
	margin-left: 90px;
}
#sextopanel li {
	font-family: "Trebuchet MS";
	font-size: 13px;
	color: #9A8F82;
	background-image: url(../imagenes/bullet.png);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	display: inline;
	padding-left: 15px;
	padding-right: 15px;
	line-height: normal;
}
#septimopanel {
	height: 420px;
	width: 308px;
	float: left;
	margin-left: 0px;
	background-image: url(../imagenes/fondo_septimopanel.jpg);
	background-repeat: no-repeat;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9A8F82;
	margin-bottom: 35px;
	background-position: right;
	background-color: #303030;
}	
#octavopanel {
	height: 434px;
	width: 356px;
	float: right;

}

div#caja_fotografia_retratos {
	height: auto;
	width: 846px;
	float: left;
	margin-left: 20px;
	background-image: url(../imagenes/fondo_fotografia_retratos.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9A8F82;
	padding-bottom: 50px;
}
div#caja_fotografia_retratos img{
	border:8px solid #393939;
	float:left;
	height:150px;
	margin-bottom:20px;
	margin-right:40px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	width:200px;
	margin-top: 20px;
}
div#caja_fotografia_deportiva {
	height: auto;
	width: 846px;
	float: left;
	margin-left: 20px;
	background-image: url(../imagenes/fondo_fotografia_deportiva.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9A8F82;
	padding-bottom: 50px;
}
div#caja_fotografia_deportiva img{
	border:8px solid #393939;
	float:left;
	height:150px;
	margin-bottom:20px;
	margin-right:40px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	width:200px;
	margin-top: 20px;
}	
div#caja_fotografia_publicitaria {
	height: auto;
	width: 846px;
	float: left;
	margin-left: 20px;
	background-image: url(../imagenes/fondo_fotografia_publicitaria.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	margin-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #9A8F82;
	padding-bottom: 50px;
}
div#caja_fotografia_publicitaria img{
	border:8px solid #393939;
	float:left;
	height:150px;
	margin-bottom:20px;
	margin-right:40px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	width:200px;
	margin-top: 20px;
}							
		#pie {
	position:		relative;
	width:			886px;
	height:			58px;
	background-image: url(../imagenes/piebg.png);
	background-repeat: no-repeat;
	top: 20px;
	background-color: #303030;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	float: right;
		}

		#pie ul {
	width: 520px;
	position: relative;
	left: 350px;
	top: 18px;
}
		#pie li {
	list-style:		none;
	display:		inline;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #9A8F82;
	padding-right: 4px;
	padding-left: 4px;
	margin-left: 4px;
		}
		#pie li.ultimo {
			border-right:	none;
		}
		#pie li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9A8F82;
	text-decoration: none;
		}
		
/* =formulario 
------------------------------------------------------------------ */


form {
	margin-top: 0px;
	margin-bottom: 15px;
	margin-left: 30px;
}

fieldset {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #303030;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #303030;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #303030;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #303030;
}

legend {
	font-size:20px;
	color:#9a8f82;
	padding:4px 0;
	font-family: "Trebuchet MS";
	font-weight: normal;
}

legend+ul {
	padding-top:15px;
	display:block;
	width:375px;
}

fieldset#acceso {
	margin-top:0px;
}

form#contactar ul {
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	padding-right: 0px;
	float: left;
}

form#contactar label {
	width:100px;
	display:block;
	float:left;
	font-weight:normal;
	margin-left:25px;
	color:#9A8F82;
}


input, textarea {
	width:220px;
	color:#9A8F82;
	background-color: #515151;
	border: 1px solid #212121;
	height: 20px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}
/*
input:focus, textarea:focus {
	background:url() #ffffff;
	border: 1px solid #ffffff;
	color:#fff;
}*/

input#submit {
	width:106px;
	height:19px;
	text-align:left;
	margin-left:250px;
	border:none;
	background-image: url(../imagenes/boton_enviar.gif);
	background-repeat: no-repeat;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 24px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
}

input#submit:focus {
	background-repeat: no-repeat;
}
div#contacto a 
{
	text-decoration:none;
	color:#9A8F82;
	cursor:pointer;
	font-weight: normal;
	font-family: "Trebuchet MS";
	font-size: 16px;
	float: left;
}

form#contactar a:hover {
	text-decoration:underline;
}
form#contactar li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	margin-top: 10px;
}
form#contactar li a {
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #9A8F82;
}

form#contactar li+li {
	border-left-width: 0px;
	border-left-style: solid;
	margin-right: 0px;
	padding-left: 0px;
}
.email {
	background-color: #212121;
}
.comentario {
	background-color: #212121;
	height: 100px;
	overflow: visible;
}
.boton {
	background-color: #212121;
	
}
strong {
	font-weight: bold;
	color: #9A8F82;
}