/*/////////////////////////////////// */
/*           Barlovento CSS Style, Created by MiguelAlvarez.net    */
/*////////////////////////////////////*/

/* Normalizes margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul {
	text-align: left;
}


li{
	margin-left: 50px;
	list-style-image: url(../images/bullet.gif);
	list-style-type: square;
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/*/////////////////////////////////// */
/*/              layout css           */
/*////////////////////////////////////*/
html {
	text-align : center;
	background: #4C0C34;
}


/*/  o body fai a funcion de container ou wrapper         */


body {
	background-image: url(../images/background004.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #4C0C33;
	position : relative;
	width : 994px;
	text-align : center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}



div#branding {
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 0px;
	width: 0px;
}



/* boton home ou inicio asociado o logo de barlovento */

a.home{
	height: 93px;
	width: 208px;
	left: 401px;
	top: 0px;
	z-index: 100;
	position: absolute;
}


/* div como contenedor da navegaci�n */

div#navmain {
	height: 30px;
	width: 945px;
	margin-top: 109px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


/* estos parametros fan que os li se centren dentro do ul e se separe lixeiramente do borde superior */


div#navmain  ul {
	text-align: center;
	padding-top: 5px;
	
 }

div#navmain  ul li {
     display: inline;
 }

div#navmain li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10pt;
	color: #FFFFFF;
	margin-left: 15px;
	padding-top: 0px;
	letter-spacing: 1pt;
 }

div#navmain  ul li.last {
     margin-right: 0;
 }

div#navmain  ul li a:link {
	color: #FFFFFF;
 }

div#frontispicio{
	background: #FFFFFF;
	height: 323px;
	width: 994px;
}


div#frontispicio.productos{
	height: 480px;
	width: 994px;
}

div#content {
	position : relative;
	width : 994px;
	background: #0000FF center;
}


div#content_main {
	left : 0;
	width : 501px;
	padding : 0em;
	float: left;
	height: 391px;

}

/* ID + class este e un Div con ID comun a todas as paxinas e con clases para cada paxina en particular para poder engadir diferentes imaxes no apartado content main */

div#content_main.home {

	background: #FFFFFF url(../images/hometest/image_home.jpg) no-repeat 25px top;


 }


div#content_main.empresa {

	background: #FFFFFF url(../images/empresa_main.jpg) no-repeat 25px top;
	height: 700px;

}


div#content_main.calidad {

	background: #FFFFFF url(../images/calidad_main.jpg) no-repeat 25px top;

 }


div#content_main.novedades {

	background: #FFFFFF url(../images/novedades_main.jpg) no-repeat 25px top;


 }

div#content_main.contacto {

	background: #FFFFFF url(../images/contacto.jpg) no-repeat 25px top;


 }
 
div#content_sub {
	left : 50%;
	width : 420px;
	background: #FFFFFF;
	float: left;
	padding-left: 10px;
	margin-right: 20px;
	margin-left: 0px;
	padding-right: 30px;	
}

 
 
 div#content_sub p{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #000000;
	padding-top: 0px;
	text-align: left;
	margin-left: 10px;
}
 
 

div#site_info {
	background-position: center bottom;
	background-color: #E8E8E8;
	clear: both;
}


/* 7777777777777777777777777777777777*/


/* estilos footer site info y copyright*/


/* 7777777777777777777777777777777777*/

#site_info p.companyname{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	font-style: normal;
	margin: 0px;
	padding: 10px;
	text-align: center;
	border-style: none;
	line-height: 11pt;
	color: #660000;
}

div#copyright p {
	color: #FFFFFF;
	background-color: #590D3B;
	text-align: right;
	padding-top: 10pt;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 6pt;
	padding-right: 30px;
}

.design {
	color: #999999;
}






/* how to use a one column layout in the process page
 */
div#container1col

{
	width: 873px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12pt;
	padding-bottom: 12pt;
}


div#col1

{
	width: 873px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12pt;
	padding-bottom: 12pt;
}
/* End how to use a one column layout in the process page
 */





/* how to use a three column layout in the product page http://www.boutell.com/newfaq/creating/threecolumnlayout.html
 */

div#container3cols

{
	width: 873px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 12pt;
	padding-bottom: 12pt;
}

div#container3cols #col1
{
	float: left;
	padding: 0px 30px 0px 0px;
	width: 271px;
	text-align: left;
}




div#container3cols #col2
{

  top: 10px;
  margin-left: 300px;
  margin-right: 300px;
  text-align: left;

	
}


div#container3cols #col3
{
	float: right;
	width: 271px;
	text-align: left;


}


div#atencioncliente p

{
	background: #EDE8D2;
	width: 900px;
	clear: both;
	font-size: 9pt;
	padding: 10pt;
	margin: 20px auto;
}




div#productselectorbottom{
	padding-right: 0px;
	padding-left: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}



div#contentproductos{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
}

div#vcard{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 15pt;
	background-position: left;
	text-align: left;
	margin-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
}

/*/////////////////////////////////// 
tipografia
///////////////////////////////////*/



h1 {
	
}

h2{
	font-family: Garamond, "Garamond Pro", Georgia, "Times New Roman", Times, serif;
	font-size: 16pt;
	color: #4C0C34;
	margin-top: 20px;
	text-align: left;
	padding-bottom: 10px;
	text-transform: uppercase;
}

h3{
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 12pt;
	color: #4C0C34;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: left;
	border-bottom: 2px solid #CCCCCC;
	text-transform: uppercase;
}


h4 {
	font-family: Garamond, "Garamond Pro", Georgia, "Times New Roman", Times, serif;
	font-size: 11pt;
	font-weight: bold;
	line-height: 13pt;
	margin-top: 20px;
	text-align: left;
}


h3.calidad {
	color: #660033;
	margin-left: 15px;
}

h4.calidad {
	color: #660033;
	margin-left: 15px;
	margin-bottom: 3pt;
}



p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	padding-bottom: 10pt;
	margin: 0px;
}

.listo 
{
	color: #9D733A;	
}

.atmosfera
{
	color: #3E5FA6;	
}
.tradicional
{
	color: #9DA0A2;	
}

.strong {
	font-weight: bold;
}


.nuevo{
	margin-right: 20px;
	background-position: left center;
	float: left;
}

a:link {
	color: #FF6600;
	text-decoration: none;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
}


a:hover {
	color: #FF9900;
	text-decoration: none;
}

a:active {
	color: #CCCCCC;
	text-decoration: none;
}


    /* linktext es para ter links sobre fondo branco dun color distinto as links brancas da páxina, hay que engadir a class linktext no html xunto a link que sequere cambiar de color */

a.linktext {
	color: #FF9900;
}
a.linktext:hover {
	color : #FF6600;
	text-decoration: underline;

    }


/*/////////////////////////////////// 
color links sección diseño footer, engadir a clase design para que sexa de distinto cor
///////////////////////////////////*/
a.design {
	color: #999999;
}
a.design:hover {
	color : #CCCCCC;
	text-decoration: underline;
    }



/*/////////////////////////////////// 
definition list paxina de proceso
///////////////////////////////////*/
dl {
	}
	
	dt{
	font-family: garamond, georgia, serif;
	font-weight:bold;
	font-size:12pt;
	margin-bottom:0em;
	margin-right:0em;

	}
	
	dd{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	padding-bottom: 10pt;
	color:#444;
	line-height:12pt;
	background:none no-repeat left top;	
	}
	
	dt.cultivo, h3.cultivo{
	color:#4C0C34;
	}
	
	dt.tratamiento, h3.tratamiento{
	color:#33044C;
	}
	
	dt.expedicion, h3.expedicion{
	color:#022249;
	}
	
	
	ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	padding-bottom: 2pt;
	}	

	
	
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}


div#content_sub p.novedades{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	line-height: normal;
	color: #660066;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}