/* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}



/* Start Project CSS */

body { font: 12px Arial, Helvetica, sans-serif; color: #000000; text-align:center; background-color: #C9C39E ;
        }

#container { margin:0 auto 0 auto; width:980px; text-align:left; background: #ccc url(imagenes/fondoweb.gif) repeat-y 50% 0;  }


h1 { margin: 20px; font-size: 180%; font-weight:bold; color: black; }
  
h2 { font-size: 130%; margin: 20px; color: #0066CC; }
h3 { font-size: 130%; margin: 20px; color: #85A41D; }
h4 { font-size: 100%; margin: 20px; color: #666666; }
h5 { font-size: 100%; margin: 20px; color: #666666; }
h6 { font-size: 80%; margin: 10px; color: #85A41D; }

#linea {margin: 20px; border-left: dotted thin #666666;}

#lineaH {margin: 20px; background-image:url(imagenes/linea.gif); background-repeat: no-repeat; margin-bottom:15px; }

#centrar {  margin:0 auto 0 auto; width: 700px;}

sup { font-size: 100%; vertical-align:super; }

p { font-size: 120%; margin: 20px; line-height: 150%;}
  
a { color: black; text-decoration: none; }
  a:hover { text-decoration: underline; }
  
p a { color:  #0294DD; text-decoration: underline; }
  p a:hover { text-decoration: underline; }
  

.verre {unicode-bidi:bidi-override; direction: rtl;} /* invierte el mail */


/* #container { width: 100%; margin: 0 auto; text-align: left; padding: 0px; } */
  
#izq {float:left;}
#der {float: right;}
  


.header {
    background-image: url(imagenes/minasmagri_fondo.gif);
	background-repeat:repeat-x;
    height: 100px;

	
}

.header .left {
float:left;
}
.header .right {
float:left; width: 585px; padding-top: 20px; padding-left: 50px;
}



#lado-a {
	margin: 0 ; 
	float: left;
	width: 760px;
}

#lado-b { 
	margin: 0;
	float: left;
	width: 220px;
	height: 1% /* Holly hack for Peekaboo Bug */
}

#bloque1 {
width: 220px;
height: 130px;
text-align:center;
background-image:url(imagenes/absorbentehidrocarburos.jpg);
}


#bloque2 {
width: 220px;
height: 130px;
text-align:center;
background-image: url(imagenes/inoculantesoja.jpg);
}


#bloque3 {
width: 220px;
height: 130px;
text-align:center;
background-image: url(imagenes/sustratoturba.jpg) ;
}

.bloques a { color: #FFFFFF; font-size: 130%; text-decoration: none; }
.bloques a:hover { text-decoration: underline; }
  


#col-a {
	float: left;
	width: 760px;
	border-top: solid  medium #666666;
	
}

#col-b { 
	margin: 0;
	float: left;
	width: 220px;
	height: 1%; /* Holly hack for Peekaboo Bug */
	
}

#col-c { 
	margin: 0;
	float: left;
	width: 980px;
	height: 1%; /* Holly hack for Peekaboo Bug */
	background-color:#FFFFFF;
}

.centrado { text-align:center;}
.espacio { margin-bottom:15px;}


#flashcontent {
float: left;
	width: 760px;
    
}

  
#pie {
	clear: both;
	background: #333333;
	border-top: solid  medium #666666;
	color: #FFCC00;
	height: 90px;
	text-align:center;
	font-size: 120%;
}

.pies a { color: #FFFFFF; font-size: 100%; text-decoration: none; }
.pies a:hover { text-decoration: underline; }







  
  
 /* Menú */
#menu { height: 38px; }
#menu #nav { margin: 0; padding: 0; }
#menu #nav li { display: inline; }
#menu #nav li a { float: left; width: 117px; height: 0; padding-top: 38px; overflow: hidden; }
#menu #nav li a,
#menu #globalsearch { background-image: url(imagenes/navegacion.png);  background-repeat: no-repeat; }

/* BUTTONS */
#menu #nav li#inicio a { background-position: 0 0; }
#menu #nav li#empresa a { background-position: -117px 0; }
#menu #nav li#productos a { background-position: -234px 0; }
#menu #nav li#ecologia a { background-position: -351px 0; }
#menu #nav li#contacto a { background-position: -468px 0; }
#menu #nav li#vacio a { background-position: -585px 0; }


/* OVER STATES */
#menu #nav li#inicio a:hover { background-position: 0 -38px; }
#menu #nav li#empresa a:hover { background-position: -117px -38px; }
#menu #nav li#productos a:hover { background-position: -234px -38px; }
#menu #nav li#ecologia a:hover { background-position: -351px -38px; }
#menu #nav li#contacto a:hover { background-position: -468px -38px; }
#menu #nav li#vacio a:hover { background-position: -585px -38px; }


/* PRESSED STATES */
#menu #nav li#inicio a:active { background-position: 0 -76px; }
#menu #nav li#empresa a:active { background-position: -117px -76px; }
#menu #nav li#productos a:active { background-position: -234px -76px; }
#menu #nav li#ecologia a:active { background-position: -351px -76px; }
#menu #nav li#contacto a:active { background-position: -468px -76px; }
#menu #nav li#vacio a:active { background-position: -585px -76px; }


/* ON STATES */
#menu.inicio #nav li#inicio a:hover { background-position: 0 0; cursor: default; }
#menu.empresa #nav li#empresa a { background-position: -117px -114px !important; }
#menu.productos #nav li#productos a { background-position: -234px -114px !important; }
#menu.ecologia #nav li#ecologia a { background-position: -351px -114px !important; }
#menu.contacto #nav li#contacto a { background-position: -468px -114px !important; }
#menu.vacio #nav li#vacio a { background-position: -585px -114px !important; }




ul#fotos {
	
	margin: 0;
	padding: 0;
}

li#fotos {
	list-style: none; display:none;
}




/* MENÚ interno */

#menuh {
font: 120% Arial, Helvetica, sans-serif;
margin: 20px;
}

#menuh ul, li {
list-style-type: none;
}

#menuh ul {
margin: 0;
padding: 0;
}

#menuh li {
float: left;
}

#menuh a {
text-decoration: underline;

color: #3366CC;
background: #FFFFFF;
display: block;
padding: 3px 10px;
text-align: center;
border: 1px solid #ACCFE8;
border-width: 1px 1px 1px 0;
}

#menuh a#primero {
border-left: 1px solid #ACCFE8;
}

#menuh a:hover {
background: #DBEBF6;
}





/* TABS */


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}