@import url(css3.css);

*{margin:0; padding:0; outline:0;}

html{
	height:100%;
}
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	height:100%;
	font-size:12px;
	font-weight:normal;
	background-color:#27600F;
	margin:0 auto;
	background-image: url(../img/bg-body.jpg);
	background-repeat: repeat-y;
	background-position: left top;	
	overflow-x: hidden;
}
@font-face { 
	font-family: "ArialNarrow"; 
	src: url(../fonts/arialn.ttf);
}
a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#2D8A13;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
h1{
	font-weight:normal;
	font-family: "ArialNarrow"; 
	font-size:25px;
	color:#27600F;
}
h2{
	font-family: "ArialNarrow"; 
	font-size:25px;
	font-weight:normal;
	color:#333;
}
h3{
	font-family: "ArialNarrow"; 
	font-size:19px;
	font-weight:normal;
	color:#fff;
}
a span{	display:none;}
li{list-style:none}
p{font-size:13px; text-align:left;  }
strong, b{font-weight:bold}
.bold{font-weight:bold}
.italic{font-style:italic}
img{ border:0px;}

#box{
	width:100%;
	height:100%;
	margin:0 auto;
	padding:0;
	position:relative;
}
.back-1{
	background-image: url(../img/turf-type-back1.jpg);
	background-repeat: no-repeat;
	background-position: 700px top;
	background-color:#FFF;
}
#banner{
	width:100%;
	height:100%;
	margin:0 auto;
	position:absolute;
	top:0;
	left:706px;
	z-index:-111111;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COL LEFT /////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#col-left{
	width:192px;
	margin:0 auto;
	padding:0;
	display:inline;
	position:relative;
	float:left;
	min-height:673px;
	background-color:#27600F;
	background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header-left{
	width:170px;
	padding-top:26px;
	padding-right:20px;
	height:120px;
	margin:0 auto;
	text-align:right;
	float:left;
}		
#menu {
	width:170px;
	margin:0 auto;
	height:80px;
	padding-right:20px;
	text-align:right;
}
.navigation  {
		width:170px;
		float:right;
		list-style:none;
}	
.navigation  li {
		float:left;		
		width:170px;
		padding-top:1px;
		padding-bottom:1px;
		position:relative;
		display:block;
		text-align:right;
		list-style:none;
}
.navigation  li a {
	font-family: "ArialNarrow"; 
	font-size:17px;
	font-weight:bold;
	text-align:right;
	color:#fff;
	text-decoration:none;
	word-spacing: -1px;
	text-shadow: 0.1em 0.1em 0.05em #000;
}
.navigation  li a:hover {
	color:#FAC900;

}
.navigation2  {
		width:170px;
		margin-top:10px;
		margin-bottom:10px;
		padding-top:4px;
		padding-bottom:4px;
		border-top:#40A023 1px solid;
		border-bottom:#40A023 1px solid;
		float:right;
		list-style:none;
}	
.navigation2  li {
		float:left;		
		width:155px;
		padding-top:1px;
		padding-bottom:1px;
		position:relative;
		display:block;
		text-align:right;
		list-style:none;
}
.navigation2  li a {
	font-family: "ArialNarrow"; 
	font-size:17px;
	font-weight:bold;
	text-align:right;
	color:#76F955;
	text-decoration:none;
	word-spacing: -1px;
	text-shadow: 0.1em 0.1em 0.05em #000;
}
.navigation2  li a:hover {
	color:#fff;

}
.menucolor {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	font-style:italic;
	color:#93D484;
	word-spacing: -1px;
}
#certificados{
	width:170px;
	height:170px;
	margin:0 auto;
	padding-right:19px;
	padding-top:10px;
	padding-bottom:15px;
	text-align:right;
	display:table;
}	
#foot-logo{
	width:170px;
	height:60px;
	margin:0 auto;
	padding-right:10px;
	text-align:right;
}	




/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COL CENTER ///////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#col-center{
	width:516px;
	background-color:#FFF;
	height:100%;
	margin:0 auto;
	display:inline;
	padding:0px;
	float:left;
	background-image: url(../img/borde.jpg);
	background-repeat: repeat-y;
	background-position: left top;

}
#box-center{
	min-height:673px;;
	background-image: url(../img/bg-sep-right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#header-center{
	width:517px;
	height:150px;
	margin:0 auto;
	float:left;
}
#logo{
	float:left;
	width:200px;
	height:90px;
	margin:0 auto;
	padding-top:8px;
	padding-left:12px;
	text-align:center;
}
#box-contact {
	width:200px;
	height:63px;
	padding-top:9px;
	margin:0 auto;
	position:absolute;
	top:38px;
	left:545px;
	background-image: url(../img/contacto.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#box-contact a{
	font-weight:normal;
	text-align:right;
}
.telefono {
	font-family: Arial, Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#000;
	text-align:right;
	word-spacing: -1px;
}
#content{
	float:left;
	width:480px;
	margin:0 auto;
	padding-left:20px;
	text-align:left;
	line-height:17px;
	padding-bottom:30px;
}
#content-service{
	float:left;
	width:480px;
	margin:0 auto;
	padding-left:25px;
	text-align:left;
	line-height:17px;
	padding-bottom:10px;
}
.padimg {
	padding-top:22px;
}
.green {
	font-weight:bold;
	color:#2D8A13;
}
#box-cont{
	float:left;
	width:430px;
	margin:0 auto;
	margin-top:15px;
	font-size:12px;
	border-top:#E5E5E5 1px solid;
	border-bottom:#E5E5E5 1px solid;
	padding-bottom:16px;
	padding-top:16px;
	margin-bottom:17px;
	text-align:left;
}
#box-cont-l{
	float:left;
	width:256px;
	margin:0 auto;
	display:inline;
}
#box-cont-r{
	float:right;
	width:174px;
	padding-top:18px;
	text-align:right;
	margin:0 auto;
	display:inline;
}
#box-form{
	float:left;
	width:430px;
	margin:0 auto;
	margin-top:15px;
	font-size:12px;
	margin-bottom:17px;
	text-align:left;
}
#form-l{
	float:left;
	width:190px;
	margin:0 auto;
	display:inline;
	padding-right:19px;
	font-size:12px;
	padding-bottom:13px;
	text-align:left;
}
#form-r{
	float:left;
	width:430px;
	margin:0 auto;
	display:inline;
	padding-right:19px;
	font-size:12px;
	padding-bottom:13px;
	text-align:left;
}
.box-service{
	float:left;
	width:147px;
	margin:0 auto;
	display:inline;
	font-size:11px;
	padding-bottom:16px;
	text-align:left;
}
.box-service p{
	font-size:11px;
	color:#666;
	padding-bottom:6px;
	line-height:11px;
}

#ulhome  {
		width:479px;
		float:left;
		margin:0 auto;
		display:table;
		list-style:none;
}	
#ulhome  li {
		float:left;		
		width:479px;
		padding-top:5px;
		padding-bottom:5px;
		position:relative;
		display:table;
		text-align:left;
		list-style:none;
		border-bottom: #E1E1E1 1px dotted;
}
.verde {
	color:#27600F;
	font-weight:bold;
}
#ulprod  {
		width:479px;
		float:left;
		padding-top:13px;
		margin:0 auto;
		display:table;
		list-style:none;
}	
#ulprod  li {
		float:left;		
		width:479px;
		padding-top:8px;
		padding-bottom:8px;
		position:relative;
		display:table;
		text-align:left;
		list-style:none;
		border-bottom: #E1E1E1 1px dotted;
}
#ulprod  li img{
		float:left;		
		padding-right:14px;
}
#ulprod  li p{
		padding-bottom:9px;
}
a.vermas{
	cursor:pointer;
	width:80px;
	font-size:12px;
	color:#FFF;
	padding:6px 15px 6px 15px;
	font-weight:bold;
	height:30px;
	background-color:#388A15;
}
a.vermas:hover{
	cursor:pointer;
	width:80px;
	font-size:12px;
	color:#FFF;
	padding:6px 15px 6px 15px;
	font-weight:bold;
	height:30px;
	background-color:#333;
}
.tit {
	font-size:15px;
	color:#27600F;
	line-height:14px;
	font-weight:bold;
}
#volver {
		float:left;		
		width:479px;
		padding-top:8px;
		padding-bottom:8px;
		position:relative;
		display:table;
		text-align:left;
		margin-top:16px;
		list-style:none;
		border-top: #E1E1E1 1px dotted;
}
#ulproyecto  {
		width:479px;
		float:left;
		padding-top:13px;
		margin:0 auto;
		display:table;
		list-style:none;
}	
#ulproyecto  li {
		float:left;		
		width:152px;
		height:187px;
		padding:3px;
		position:relative;
		display:inline;
		text-align:left;
		list-style:none;
}
	
	
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COL RIGHT ///////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#col-right{

	margin:0 auto;
	padding:0px;
	display:inline;
	float:left;
}
#shadow{
	width:89px;
	padding:0px;
	margin:0 auto;
	float:left;
	z-index:99999999;
}
#frase{
	width:233px;
	height:88px;
	padding:0px;
	position:absolute;
	left:708px;
	top:100px;
	margin:0 auto;
	float:left;
	z-index:99999;
}
#dossier{
	width:141px;
	height:11px;
	padding:0px;
	position:absolute;
	left:707px;
	top:210px;
	margin:0 auto;
	float:left;
	z-index:99999;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// FOOTER ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#footer{
	width:480px;
	height:60px;
	color:#000;
	background-color:#FFF;
	margin-bottom:20px;
	font-size:11px;
	margin:0 auto;
}
#footer-left{
	width:381px;
	height:30px;
	margin:0 auto;
	position:relative;
	float:left;
	text-align:left;
	padding-bottom:14px;
	border-bottom:#CCC 1px solid;
}
#footer-right{
	width:99px;
	height:30px;
	margin:0 auto;
	text-align:right;
	padding-bottom:14px;
	border-bottom:#CCC 1px solid;
	position:relative;
	float:right;
}
#footer-right a{
	font-size:12px;
	color:#2D8A13;
}
#footer-right a:hover{
	font-size:12px;
	color:#000;
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// FORMS ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/

label{
	display:block;
	color:#696969;
}
input, textarea {
	width:180px;
	background-color: #fff;
	padding:3px;
	font-family: Arial, Helvetica, sans-serif; 
	color:#333;
	font-family:11px;
	border: 1px solid  #CCC ;
}
input:focus, textarea:focus{
	background-color: #fff;
	padding:3px;
	color:#333;
	font-family:11px;
	border: 1px solid #999;
}
select{
	background-color: #fff;
	padding:3px;
	color:#333;
	font-family: "ArialNarrow"; 
	width:135px;
	font-family:11px;
	border: 1px solid #CCC;
}
select:focus{
	background-color: #fff;
	padding:3px;
	color:#333;
	font-family:11px;
	border: 1px solid #4D5B41;
}
.boton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	padding:3px 3px 3px 3px;
	width:90px;
	height:28px;
	background-color:#2D8A13;
	border:none;
	display:inline;
	color:#fff;
	cursor:pointer;
}
.boton:hover{
	background:#333;

}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////// COLORBOX ///////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999999999; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0 auto; text-align:center; width:100%;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxLoadedContent{background:#7ACB00; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding:6px;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#fff; font-weight:bold;}
        #cboxCurrent{ display:none;  -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; padding:5px;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff; -webkit-border-radius: 12px; border-radius: 12px; padding:5px;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../img/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../img/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../img/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:-9px; right:-9px; z-index:99999999999999; display:block; background:url(../img/controls.png) top center no-repeat; width:28px; height:28px; text-indent:-9999px; }
        #cboxClose.hover{background-position:bottom center;}