/* CSS Document */
* {padding:0; margin:0; width:100%;} 

/* ---------------------------------------------------------------------------------*/

html{background-color: #3C7D30;
background-image: url(img/fondo.jpg);
padding-bottom:70px;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;}

body {font-family: Verdana, Tahoma, Arial, Georgia;}
a{outline:medium none;}
a:link, a:visited {color: #ffCC33;text-decoration: underline;}

a:hover, a:active { color:#FFFFFF; text-decoration:underline;}

h1 {
font-size: 36px;
text-transform: none;
color: #FFFFFF;
text-align:center;}

h1 span{font-size: 26px;
color: #FF9900;}

h2 {
font-size: 18px;
color:#000000;
text-align:right;
text-transform:none;}

h2 span{font-size: 14px;}

h3 {
font-size: 14px;
color: #ffCC33;
text-align:left;
text-transform:none;
line-height: 18px;}

h4 {
font-size: 13px;
color: #ffffff;
text-align:left;
text-transform:none;
line-height: 25px;}

h4 span{
font-size:15px;}

h5{
font-size: 13px;
color: #ffffff;
text-align:left;
text-transform:none;
line-height: 16px;}

p {
font-size: 17px;
text-transform: none;
color: #FFFFFF;
line-height: 25px;
padding-top:50px;}

p span{
font-size: 17px;
color: #AEFF88;}

#fecha{
font-size: 10px;
color: #000000;
text-align:right;
text-transform:none;
position: absolute;
left: 666px;
top: 15px;
height: 20px;
width: 250px;}

#box{  				
width:948px; 
height:auto;	
position:relative;
margin:auto;
background-color:#3C7D30;}
   
#main{
width: 874px;					
height:auto;	
position: relative;
margin:auto;
background-color:#3C7D30 ;
padding:40px 37px 40px 37px;
letter-spacing:.5px;
word-spacing:2px}

/*------------ Header --------------- */
#header {
height: 268px;
width: 949px;
position:relative;
margin: auto;
padding-top:31px;
background-color: #3C7D30;
z-index:3;
}
#header a img{
border:none;
outline:medium none;}
/*------------- Navbar ------------------*/
#navbar{
width:950px;
line-height:30px;
position:relative;
font-size: 12px;
text-transform: capitalize;
font-weight: bold;
padding-top:0px;
margin-left:0px;
z-index:4;}

#nav, #nav ul, #nav ul #home {
padding: 0;
margin: 0;
list-style-type: none;
list-style-image:none;}

#nav a {
display: block;
width: 150px;
color: #000000;
text-align: center;
margin: 0px;
padding: 0px;
background: url(img/boton.gif) repeat-x;
z-index:4;}

#nav li { 
float: left;
width: auto;}

#nav li .mini{
width:50px; 
margin:0;
padding:0;
list-style: none; 
float:left;}

#nav li .menor{
width:70px; 
margin:0;
padding:0;
list-style: none; 
float:left;}

#nav li .medium{
width:105px;
margin:0;
padding:0;
list-style: none; 
float:left;}

#nav li .mayor{
width:170px;
margin:0;
padding:0;
list-style: none; 
float:left;}

#nav li ul{ 
background: url(img/boton_hover.gif) repeat-x;
left: -999em;
position: absolute;
width:150px;
z-index:4;}

#nav li a {
text-decoration: none;}

#nav li:hover ul, #nav li.sfhover ul {left:auto;}

#nav li a:hover,#navbar ul li .current {
color: #FFFFFF;
background: url(img/boton_hover.gif) repeat-x;}

#nav li:hover {background-position: 0 0;}

/*---------------------------------------------------------compania--------------------------------------------------------------------*/
#compania{
width:340px;
height:283px;
z-index:2;
position:absolute;
top:280px;
right:20px;
background:url(img/deportes.jpg) no-repeat;}

/*---------------------------------------------------------bases de apoyo------------------------------------------------------------*/
#caracteristicas2{
margin:40px 0 0 90px;}

/*---------------------------------------------------------obras realizadas-------------------------------------------------------------*/
#obras {
width:314px;
height: 712px;
position:absolute;
top:260px;
right:30px;
background:url(img/argentina.jpg);}

p.orden{
font-size: 14px;font-weight:bold;
color: #ECEBDE;
line-height:21px;
text-align:left;
padding-top:30px;}

p.orden span{
font-size:12px; 
color: #ECEBDE;font-weight:normal; }
/*---------------------------------------------------------consultora deportiva--y otros productos-------------------------------------------------------------*/
#plano{
height:306px;
width:480px;
position:relative;
float:left;
margin-top:50px;}

#plano2{
width:357px;
height:206px;
position:relative;
float:right;
margin-top:50px;}

#plano3{
height:373px;
width:600px;
position:relative;
float:left;
margin:50px 0 50px 80px;}

#plano4{
width:375px;
height:281px;
position:relative;
float:left;}

#plano5{
width:450px;
height:338px; 
position:relative;
float:right;}

#dibu{
height:306px;
width:480px;
position:relative;
float:left;
margin-bottom:60px;}

#dibu4{
height:585px;
width:357px;
position:relative;
float:right;}

#dibu5{
height:280px;
width:373px;
position:relative;
float:left;}

#dibu1{
height:306px;
width:480px;
position:relative;
float:left;
margin-bottom:50px;}

#dibu2{
height:306px;
width:357px;
position:relative;
float:right;}

#dibu3{
height:373px;
width:600px;
position:relative;
float:left;
margin-left:80px;}

#dibu6{width:400px;
height:205px; 
position:relative;
float:left;
margin:30px 0 70px 0px;}

#dibu7{
width:309px;
height:232px; 
position:relative;
float:right;
margin:30px 0 70px 0px;}

#endline{
margin-bottom:50px;
clear:both;}

#dibu8{
width:390px;
height:193px; 
position:relative;
float:left;
margin:30px 0 0 0;}

#dibu9{
width:400px;
height:309px;
position:relative;
float:right;
margin-bottom:30px;}

/*----------------------------------------------------------------------------cesped sintetico----------------------------------------------*/
#caracteristicas { 
width:774px;
height:auto;
position:relative; 
margin:50px 100px 50px;}
 
#caracteristicas h3 img{
width:50px;
height:34px;
margin:0px 5px;}

#etiqueta_deportiva{
width:208px;
height:120px;
position:absolute;
right:0px;
top:297px;
background:url(img/etiquetaD.jpg) no-repeat;}

#etiqueta_deportiva p{text-indent:-9999px;}

#etiqueta_recreativo{
width:208px;
height:120px;
position:absolute;
right:0px;
top:380px;
background:url(img/etiquetaR.jpg) no-repeat;}

#etiqueta_recreativo p{text-indent:-9999px;}

#etiqueta_condiciones{
width:208px;
height:120px;
position:relative;
float:right;
margin:130px -38px 0 0;z-index:2;
background:url(img/etiquetaC.jpg) no-repeat;}

#etiqueta_condiciones p{text-indent:-9999px;}

#etiqueta_condiciones a{
width:24px;
height:24px;
position:absolute;
top:60px;
right:50px;
padding: 0;
margin: 0;
text-indent:-9999px;
list-style-type: none;
list-style-image:none;
background-image:url(img/go.png);
background-repeat: no-repeat;
z-index:2;}

#etiqueta_condiciones a:hover{background-image:url(img/go_hover.png);}

#muestras{
width:150px;
height:500px;
float:right;
margin:60px 10px 0px 0;}

#muestras img{margin-bottom:140px;}

#col{
height:350px;
width:474px;
position:relative;
float:left;}

#col2{
height:333px;
width:377px;
position:relative;
float:right;}

#col3{
height:350px;
width:474px;
position:relative;
float:left;}

#col4{
height:333px;
width:377px;
position:relative;
float:right;}

#col5{
height:350px;
width:377px;
position:absolute;
top:30px;
left:497px;}

#col7{
height:350px;
width:377px;
position:absolute;
top:50px;
left:497px;}

/*---------------------------------galeria-----------------------*/
#galeria {
position:relative; 
width:778px; 
height:520px; 
margin:auto; 
background-color:#3C7D30;
background:url(img/galeria_cesped/galeria.jpg) no-repeat scroll;
padding:5px;}

#galeria ul {
width:133px;
height:530px;
margin:0px;
list-style-type:none;
float:right;
list-style-image: none;}


#galeria li {float:right;}

#galeria a.marco span {
position:absolute; 
width:0; 
height:0; 
top:0; 
left:0; 
overflow:hidden;}

#galeria a.marco, #galeria a.marco:visited {
display:block; 
text-decoration:none; 
margin:0; 
cursor:default;
padding-bottom:5px;}

#galeria a.fotoa {
background:url(img/galeria_cesped/mitre_thumb.jpg) no-repeat; 
height:100px; 
width:133px;}
		
#galeria a.fotob {
background:url(img/galeria_cesped/monroe_polideportivo_thum.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria a.fotoc {
background:url(img/galeria_cesped/futbol7_mdp_thumb.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria a.fotod {
background:url(img/galeria_cesped/paddle-thum.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria a.fotoe {
background:url(img/galeria_cesped/alumni_thumb.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria a.marco:hover span {
position:absolute; 
width:640px; 
height:480px; 
top:20px; 
left:0px;}

#galeria a.marco:hover img {
float:left; 
list-style-type:none;
border:hidden;}

/*---------------------------------galeria2 bases deportivas-----------------------*/
#galeria2 {
position:relative; 
width:778px; 
height:520px; 
margin:auto; 
background-color:#3C7D30;
background:url(img/galeria_bases_deportivas/galeria_bases_deportivas.jpg) no-repeat scroll;
padding:5px;}

#galeria2 ul {
width:133px;
height:530px;
margin:0px;
list-style-type:none;
float:right;
list-style-image: none;}

#galeria2 li {float:right;}

#galeria2 a.marco span {
position:absolute; 
width:0; 
height:0; 
top:0; 
left:0; 
overflow:hidden;}

#galeria2 a.marco, #galeria2 a.marco:visited {
display:block; 
text-decoration:none; 
margin:0; 
cursor:default;
padding-bottom:5px;}

#galeria2 a.fotoa {
background:url(img/galeria_bases_deportivas/navales_suelo_cal_thum.jpg) no-repeat; 
height:100px; 
width:133px;}
		
#galeria2 a.fotob {
background: url(img/galeria_bases_deportivas/base_cesped_futbol_thum.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria2 a.fotoc {
background:url(img/galeria_bases_deportivas/base_polideportivo_thumb.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria2 a.fotod {
background:url(img/galeria_bases_deportivas/base_hockey_thumb.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria2 a.fotoe {
background:url(img/galeria_bases_deportivas/vilo_asfalto_thum.jpg) no-repeat; 
height:100px; 
width:133px;}

#galeria2 a.marco:hover span {
position:absolute; 
width:640px; 
height:480px; 
top:20px; 
left:0px;}

#galeria2 a.marco:hover img {
float:left; 
list-style-type:none;
border:hidden;}

/*---------------------------------galeria--recreativo-------arreglar las dimensiones de las fotos que aparecen--------------*/
#galeria_recreativo {
position:relative; 
width:778px; 
height:520px; 
margin:auto; 
background-color:#3C7D30;
background:url(img/galeria_recreativo/galeria.jpg) no-repeat scroll;
padding:5px;}

#galeria_recreativo ul {
width:133px;
height:330px;
margin:0px;
list-style-type:none;
float:right;
list-style-image: none; padding-top:53px;}

#galeria_recreativo li {float:right;}

#galeria_recreativo a.border span {
position:absolute;
width:0; 
height:0; 
top:0px; 
left:0; 
overflow:hidden;}

#galeria_recreativo a.border, #galeria_recreativo a.marco:visited {
display:block; 
text-decoration:none; 
margin:0; 
cursor:default;
padding-bottom:5px;}

#galeria_recreativo a.fotoa {
background:url(img/galeria_recreativo/instalacion_jardin_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}
		
#galeria_recreativo a.fotob {
background:url(img/galeria_recreativo/gimnasio_chivilcoy_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}

#galeria_recreativo a.fotoc {
background:url(img/galeria_recreativo/jardin_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}

#galeria_recreativo a.fotog {
background:url(img/galeria_recreativo/balcon_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}

#galeria_recreativo a.border:hover span { 
position:absolute; 
width:640px; 
height:480px; 
top:0px; 
left:0px;
margin-top:40px;}

#galeria_recreativo a.border:hover img {
float:left; 
list-style-type:none;
border:hidden;}

/*---------------------------------galeria--recreativo2---------------------*/
#galeria_recreativo2 {
position:relative; 
width:778px; 
height:520px; 
margin:auto; 
background-color:#3C7D30;
background:url(img/galeria_recreativo2/galeria.jpg) no-repeat scroll;
padding:5px;}

#galeria_recreativo2 ul {
width:133px; 
height:330px;
margin:0px;
list-style-type:none;
float:right;
list-style-image: none; padding-top:45px;}

#galeria_recreativo2 li {float:right;}

#galeria_recreativo2 a.marco span {
position:absolute; 
width:0; 
height:0; 
top:0; 
left:0; 
overflow:hidden;}

#galeria_recreativo2 a.marco, #galeria_recreativo2 a.marco:visited {
display:block; 
text-decoration:none; 
margin:0; 
cursor:default;
padding-bottom:5px;}

#galeria_recreativo2 a.fotod {
background:url(img/galeria_recreativo2/cesped_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}
		
#galeria_recreativo2 a.fotoe{
background:url(img/galeria_recreativo2/sintetico_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}

#galeria_recreativo2 a.fotof {
background:url(img/galeria_recreativo2/plaza_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}

#galeria_recreativo2 a.fotoh {
background:url(img/galeria_recreativo2/colegio_thumb.jpg) no-repeat; 
height:98px; 
width:131px;}

#galeria_recreativo2 a.marco:hover span {
position:absolute; 
width:640px; 
height:480px; 
top:20px; 
left:0px;}

#galeria_recreativo2 a.marco:hover img {
float:left; 
list-style-type:none;
border:hidden;}

/*--------------formulario contacto-------------------------------------------------------- */	
#contactForm{
width:600px;
height:540px;
position:relative;
margin:auto;
padding-top:15px;
background: url(img/formulario.jpg) no-repeat;}

#fvalida {
width:440px;
height:440px;
position:relative;
margin:auto;}

#contactForm label {
color: #ffffff;
font-family: Verdana, Tahoma, Arial, Georgia;
font-size: 14px;
line-height: 14px;
font-weight: bold;}

#contactForm input {
font-size: 14px;
color: #000000;
font-weight: bold;
margin: 3px 0px 10px 0px;}

#button{
width: 100px;
float: right;}

#ciudad, #telefono {width:410px;}
#nombre, #apellido{ width:200px;}

#email, #consulta{
width: 410px;
font-size: 15px;
line-height: 16px;
font-weight: bold;
color: #000000;}

#consulta {
margin: 5px 40px 10px 0px;
font-family: Verdana, Tahoma, Arial, Georgia;}

.namelabel {margin-right: 140px;}

/*----------------respuesta-------------------*/
#respuesta{
width:700px;
height:400px;
position:relative;
padding:50px 110px;}

#respuesta img{
width:340px;
height:283px;
position:relative;
float:left;
padding:55px 140px;}

/* --------------------------------------------- Footer ---------------------------------------------------------------- */
#footer {
height: 55px;
width: 928px;
position: relative;padding:10px;
margin:auto; 
background-color:#3C7D30;
border-top:solid 8px #F26722;
border-bottom:solid 8px #F26722;
clear:both;}

#footer img {
height: 35px;
width: 80px;
position: absolute;
left:2px; z-index:2;
margin:8px 0 0 0;
background: #FFFFFF url(img/logo.png) center bottom;}

p.footer {
width:850px;
height:30px;
position:absolute;
left:85px;
font-size: 12px;
text-align: left;
text-decoration: none;
color: #FFFFFF;
padding-top:0px;
}
/*p.footer {
width:850px;

position: relative;
float:right;
margin-right:3px;
text-decoration: none;
color: #FFFFFF;
line-height: 30px;}

/* ---------------------------------------------webdesign---------------------------------------------------------------- */
#webdesign{
width: 190px;
position: relative;
margin:auto;
background-color:#3C7D30;
height:27px;
font-size:11px;
clear:both;
padding-top:10px;
padding-left:758px;
color:#FFF;}

#webdesign img{
width:30px;
heigh:28px;
position:absolute;
top:7px;
right:7px;}

#webdesign a{
text-decoration:none;
color:#FFF;}
#webdesign a:hover{
text-decoration:underline;
color:#FFCC33; font-size:11px; font-style:normal; letter-spacing:0px; word-spacing:0px;}


/* --------------------------------------------- THE END---------------------------------------------------------------- */