﻿/****************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
	
	 
}

.enumeracion{
    list-style: square;
    padding: 0px 0px 0px 50px;
}

a img {border:none}


aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block}


/***************************************************
		Global styles
***************************************************/

header{
	position: relative;
	float:left;
	width: 100%;
	height:150px;
	background:transparent;
	top:5px;
	}
#substitle{
	position: absolute;
	top:90px;
	left:220px;
	font-size: 30px;
	line-height:1.6;
	color:#FF7F00;
	text-transform:capitalize;
	text-align:left;
	margin-left:5px;
	top:10;
}

#logo{
	position: absolute;
	top:0px;
	left:80px;
}

#faceicon{
	position: absolute;
	top:0px;
	right:120px;
}

#twittericon{
	position: absolute;
	top:0px;
	right:80px;
}


#linkedicon{
	position: absolute;
	top:0px;
	right:40px;
}



html, body {
	width:100%;
	height:100%;

	}


html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: black;
	margin:0 0 1px;
	line-height: 1.5;
	background-color:white;
	background-image:url(images/bg.png);
	background-position:left top;
	background-repeat:repeat;

}

p {
	margin-bottom:7px;
}

p.sangria
{
    text-indent: 3em     
}

a, p a {
	text-decoration:underline;
	color:white;
	}
	a:hover {color:white;}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	position:relative;
}
	
h1{
	font-size: 10px;
	line-height:1.6;
	color:#FF7F00;
	text-transform:capitalize;
	text-align:left;
	margin-left:40px;

	
	}
	h1 span{
	line-height:1.7px;
	color:black;
	font-size:14px;
	text-transform:none;
	display:block;


}

	
h2{
	font-size: 17px;
	line-height:1.7;
	color:black;
	text-align:left;
	width:420px;
	padding-top:8px;
	margin-left:40px;


	}

	
h3{

	font-size: 28px;
	line-height:1.6;
	color:#FF7F00;
	/*text-transform:capitalize;*/
	text-align:left;
	background-color:transparent;
	padding-top:12px;
	margin-bottom:9px;



	}
	
	
 h3 span{
	font-size: 12px;
	color: black;
	text-transform:capitalize;
	height:24px;
	margin-top:15px;
	text-align:left;
    display:block;


}

h4{
	font-size: 15px;
	line-height:1.7;
	color:red;
	text-align:left;
	width:350px;
	padding-top:8px;
	margin-bottom:12px;
    
	}
	
h4 span{
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FFCC33;
	padding:8px;
	margin-left:20px;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	}
		
 h5{

	font-size: 16px;
	line-height:1.8;
	color:#FF7F00;
	text-transform:capitalize;
	text-align:left;
	background-color:transparent;
	padding-top:-2px;
	margin-bottom:9px;
	margin-top:-2px;

	}
	
	
 h5 span{
	font-size: 10px;
	color: white;
	text-transform:capitalize;
	height:10px;
	margin-top:15px;
	text-align:left;
        display:block;
}


/***************************************************
		Main containers
***************************************************/

#container, 
#container_left, 
#container_right{
		position: relative;
		width:100%;
	
	}

#container{
		/*position:relative;*/
		width:980px;
		margin:0 auto;
		text-align:left;
		background-color:Transparent;
		padding:15px;
		
		
}

.group1 {
	float: left;
	width: 290px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;
}
	
.group2 {
	float: left;
	width: 290px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
}
	
.group3 {
	float: left;
	width: 290px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;
}

.group4 {
	float: left;
	width: 900px;
	position: relative;
	background:transparent;
	padding: 10px 10px 10px 40px;
	margin-bottom:10px;
	text-align:justify;
}

	
	
.pickagroup {
	float: left;
	width: 900px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;
	margin-right:12px;
	margin-top:20px;
	z-index:2;
	}
	
.group5 {
	float: left;
	width: 350px;
	position: relative;
	background:transparent;
	padding:15px;
	margin-bottom:10px;


	}


.group6 {
	float: left;
	width: 700px;
	position: relative;
	background:transparent;
	padding: 15px;
	margin-bottom:10px;
	text-align:left;

	}
	
	
.group7 {
	float: left;
	width: 650px;
	position: relative;
	background:transparent;
	padding: 10px 10px 10px 10px;
	margin-bottom:10px;
	text-align:justify;
}	

.TeamWorkImage 
{
    float:right;
    padding: 10px 10px 10px 10px;

}
	
.AvenueTurfImage 
{
    float:left;
    margin-top:10px;
    margin-left:150px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    box-shadow:5px 5px 5px #888888;

}

.avenueturf 
{
    color:#472114;
    font-weight:bold;
}

.avenueturftitle 
{
    color:#eb662e;
}

	
.AvenueTurfLogo 
{
    width:95%;
    margin-bottom:-10px;
}

.AvenueTurfScreenShots
{
    float:right;
}
	
		
.group_bannner_left {
	width: 420px;
	position: absolute;
	top:60px;
	background:transparent;
	margin-top:6px;
	margin-left:-40px;
	
	
	}
	
.group_bannner_right{
	width: 380px;
	position: absolute;
	top:-37px;
	right:170px;
	background:transparent;
	margin-top:50px;
	
	
	}
	

/***************************************************
		   HOLDERS
***************************************************/	

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top:15px;
	background:transparent;
	background: url(images/line.png) 0 -18px no-repeat;



	}
	
.holder_content1 {
	position: relative;
	float: left;
	width: 100%;
	margin-top:6px;
	margin-bottom:20px;
	background: url(images/line.png) 0 -18px no-repeat;
	z-index:2;

	}
	
	
.holder_content_separator{
	margin-bottom:20px;
	}


.read_more{
	color:#FF7F00;
	font-size:14px;
	float:right;
	margin-top:15px;
}


.jellybean{
    padding:2px 12px;
    font-size:11px;
    background-color:#E0ECF5; /*#ECECEC;*/
    color: rgb(53,102,181);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    -ms-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    display:inline-block;
  
    
    
 }
 

/* Estilos de las tablas */

.tableSkill 
{
    position:relative;
    float:left;
    padding-left:150px;
}

table{
     border-collapse:collapse;
     background-color:#f3f3f3; 
     font-family:Arial;
     width:600px;
     
     
}

caption
{
    /*background-color:#fa3300;*/
    color:White;
    padding: 5px 5px 5px 5px;
    border-radius: 6px;
    background-image:url("images/bg_caption_table.png");
    /*
    background: linear-gradient(top, #ffc58a, #fa3300 );
    background: -moz-linear-gradient(top, #ffc58a, #fa3300 );
    background: -o-linear-gradient(top, #ffc58a, #fa3300 );
    background: -ms-linear-gradient(top, #ffc58a, #fa3300 );
    background: -webkit-linear-gradient(top, #ffc58a, #fa3300 );
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc58a', endColorstr='#fa3300')";*/
    
}

th, td
{
    background-color:#ff9933;
    border: 1px solid White;
    border-radius: 6px;
    
    
}
th
{
    color:White;
    padding: 5px 5px 5px 5px;
    
}
thead tr th
{
    
}

td
{
    padding: 5px 5px 20px 5px;
}
tr
{
    border: 1px solid White;
    padding: 15px 15px 20px 15px;
    height: 20px;
    width:50px;
}

/* Fin Estilos de las tablas */

/* Inicio de SideBar */

/*
aside
{
    float:left;
    position:relative;
    background:url("/App_Themes/Default/images/bgsubmenu.png");
    background-repeat:repeat;
    border:solid 1px black;
    padding-left:5px;
    width: 200px;
    border:solid 1px #e6e6e6;
    border-radius:10px;
    box-shadow:5px 5px 5px #888888;
}

.sidebar li
{
    list-style:none;
    padding:0.5em;
    height:1.5em;    
}

.sidebar li a
{
    text-decoration:none;
    color:Red;
}

.sidebar li a:hover
{
    text-decoration:none;
    color:blue;
}


.divider_line
{   
    background:url("/App_Themes/Default/images/linesubmenu.png");
    background-repeat:repeat-x;
   
   
}
*/

.block-news 
{
    padding: 27px 33px 30px 25px;
    border:1px solid #eaeaea;
    background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;
    border-radius:18px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
    width:250px;
    box-shadow:5px 5px 5px #888888;
    margin: 25px 25px 50px 10px;
}

aside .sidebar-contact 
{
    float:left;
    padding-top:25px; 
    padding-bottom:25px; 
}

aside.sidebar-contact dl
{
    line-height:20px;
    color:#9d9d9d;
    margin-bottom:30px
}

aside.sidebar-contact dl dt
{
    margin-bottom:5px
}

aside.sidebar-contact dl dt span
{
    display:block;
    color:#0f0f0f;
}

aside.sidebar-contact h3
{   font-size:25px;
    line-height:1.3em;
    margin-top:-5px;
    letter-spacing:-2px;
    color:#0f0f0f;
    margin-bottom:19px
}

.sidebar-contact p3 
{
    line-height:20px;
    color:#9d9d9d;
    margin-bottom:30px;
}

.google_map
{
    width:250px; 
	height:300px; 
	border:solid 1px #9d9d9d;
	margin:0;		        
}



aside.sidebar-products
{
    float:left;  
    width:30%;  
    
    
}

.block-products 
{
    padding: 15px 15px 30px 15px;
    border:1px solid #eaeaea;
    background:url(../images/block-news-tail.gif) 0 0 repeat-x #f9f9f9;
    border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    width:65%;
    box-shadow:5px 5px 5px #888888;
    margin: 25px 25px 50px 0px;
       
  
}

aside.sidebar-products h3
{
    font-size:25px;
    line-height:1.3em;
    margin-top:-5px;
    letter-spacing:-2px;
    color:#0f0f0f;
    margin-bottom:19px
}

aside.sidebar-products h4
{
    /*font-size:25px;*/
    /*line-height:1.3em;
    /*margin-top:-5px;*/
    /*letter-spacing:-2px;*/
    /*color:#0f0f0f;*/
    /*margin-bottom:5px*/
}

aside.sidebar-products ul
{
    list-style:none;
    
}


aside.sidebar-products ul > li
{
    list-style:none;
    padding:3px 5px 3px 16px;
    border-top:1px solid lightgray;

}

aside.sidebar-products ul li a
{
    text-decoration:none;
    color:inherit;
}


aside.sidebar-products ul li:hover
{
    background-image:url("images/bg_caption_table.png");
    background-repeat:repeat-x;
    border-radius:5px;
    color:white;
    font-weight:bold;
}


.module_selected
{
    background-image:url("images/bg_caption_table.png");
    background-repeat:repeat-x;
    border-radius:5px;
    color:white;
    font-weight:bold;
    
    
}

.articule_product
{
    float:left;
      
}

.articule_product_avenueturf
{
    margin-left:250px;
}





/*
.indent {padding:0 0 0px 32px}
.p3 {margin-bottom:30px}
.p0 {margin-bottom:0px}
.color-4 {color:#0f0f0f; width:150px;}
.indent-bot {margin-bottom:22px}
.indent-bot2 {margin-bottom:19px}
.text-1 {line-height:20px;margin:0} 

dl.contact {line-height:20px;color:#9d9d9d}
dl.contact span {display:block;color:#0f0f0f}
dl.contact dt, dl.contact dd {margin-bottom:5px}
h3 {font-size:30px;line-height:1.3em;margin-top:-5px;letter-spacing:-2px}
.color-4 {color:#0f0f0f}


#contact-form {display:block}
#contact-form  label {display:block;height:30px;overflow:hidden}
#contact-form  input {float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
#contact-form textarea {height:262px;overflow:auto;float:left;width:526px;font-size:13px;line-height:1.23em;color:#0f0f0f;padding:4px 10px;margin:0;font-family:Arial, Helvetica, sans-serif;border:1px solid #ebebeb;background:none}
.text-form {float:left;display:block;font-size:14px;width:73px;line-height:1.78em;color:#0f0f0f}
.buttons {padding-top:16px;text-align:right}
.buttons a {margin-left:6px;padding:9px 25px 11px}
.button-2 {text-decoration:none}
*/


#form_div
{
    float:right;
    position:relative;
    background:transparent;  
    border:solid 1px lightgray;
    margin:25px 25px 25px 25px;
    width:600px;
    border-radius:18px;
}

.contact_form table{
     border-collapse:collapse;
     font-family:Arial;
     background:transparent;
}

.contact_form td, tr
{
    color:#0f0f0f;   
    background:transparent;
    border-bottom:1px solid #0f0f0f;
    padding: 5px 5px 5px 10px;
    border:0px;
}

.contact_form caption
{
    background-color:Transparent;
}

#row_email
{
    width:200px;
}

.displayMessage
{
    text-align:center;
    font-weight:bold;
    color:Blue;
    margin-left: 145px;
}


ul.listas li
{
    list-style-image:url("images/ico_arrow_blue.gif");
    margin-left:50px;
}


table.productores th, table.productores td
{
    /*background-color:#ff9933;*/
    background-color:Transparent;
    border: 0px solid Transparent;
    /*border-radius: 6px;*/
    
    
}

table.productores
{
    margin-left:40px;
}

table.productores td
{
    padding:20px;
    /*height:126px;*/
    /*width:235px;*/
    text-align:center;
    vertical-align:middle;
    font-size:small;
}

table.productores td a img:hover
{
     box-shadow: 1px 4px 6px 1px rgba(0, 0, 0, .5);
    -moz-box-shadow:1px 4px 6px 1px rgba(0, 0, 0, .5);
    -webkit-box-shadow:1px 4px 6px 1px rgba(0, 0, 0, .5);
}
