/*Theme Name: Sociedad Nacional Agricultura
Theme URI: www.agenciamanada.cl
Author: Agencia Manada
Description: Intranet SNA
*/

@import url('css/normalize.css');

* {
	margin:0;
	padding:0;
	list-style:none;
	}

ul {
	list-style: none
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.850em;
	color:#666;
	line-height: 22px;
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 1.4em;
	font-family: 'Open Sans', sans-serif;
	color:#8EC200;
	border-bottom:#ccc 1px dashed;
	margin:15px 0;
}
h1 {
	font-size: 1.875em;
}
h2 {
	font-size: 1.500em;
}


h3 {
	font-size: 1.500em;
}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.875em;
}
h6 {
	font-size: 0.750em;
}

a:link, a:visited {
	color:#8EC200;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color:#47A700;
}

header {
	width:100%;
	height:145px;
	border-bottom:#9EC10B 4px solid;
	}
	
	.header-centro {
		width:90%;
		height:145px;
		margin:0 auto;
		}

a.btn-salir {
	padding:8px 12px;
	background:#8EC200;
	color:#fff;
	float:right;
	}

.barra-bienvenida {
	width:100%;
	min-height:32px;
	height:auto;
	background:#737373;
	border-bottom:#555555 4px solid;
	padding-top:10px;
	}
	
	.bienvenida-centro {
		width:90%;
		height:42px;
		margin:0 auto;
		}
		
		.bienvenida-centro p { 
		    color:#fff;
			font-size:1em;
			}
		
		.bienvenida-left {
			float:left;
			height:42px;
			width:50%;
			/*background:grey;*/
			}
		
		.bienvenida-right {
			float:left;
			height:42px;
			width:35%;
			/*background:grey;*/
			}
		
		.bienvenida-right p { text-align:right; }
		
		.bienvenida-sesion {
			float:left;
			height:42px;
			width:15%;
			/*background:grey;*/
			}
		
		.bienvenida-sesion p { text-align:right; }
		
section {
	width:90%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	}
	
	.sidebar-left {
		float:left;
		height:auto;
		width:18%;
			
		}	
		
	article {
		float:left;
		min-height:500px;
		height:auto;
		width:60%;
		padding:2% 2% 4% 2%;		
		}	
		
		article ul li {
			margin:15px 0 5px 10px;
			border-bottom:#CCC 1px solid;
			background:url(images/icono_pdf.jpg) 0 0 no-repeat;
			padding-left:22px;
			}
			

		article ul.word li {
			margin:15px 0 5px 10px;
			border-bottom:#CCC 1px solid;
			background:url(images/icono_word.jpg) 0 0 no-repeat;
			padding-left:22px;
			}

		article ul.web li {
			margin:15px 0 5px 10px;
			border-bottom:#CCC 1px solid;
			background:url(images/flechita_noticias.png) 0 0 no-repeat;
			padding-left:22px;
			}
		
		/*.grupo-articulo {
			padding: 0 0 20px 0;
			border-bottom:#CCC 2px dotted;
			}*/
	
	.sidebar-right {
		float:left;		
		height:auto;
		width:18%;	
		}	
			

.franja-bottom {
	width:100%;
	height:40px;
	background:#272727;
	}
		
footer {
	width:100%;
	height:140px;
	background:#3D3D3D;
	border-top:#9DC00A 4px solid;
	overflow:hidden;
	}
	
	.centro-footer p {
		text-align:right;
		font-size:0.95em;
		color:#fff;
		}
	
	.centro-footer {
		width:90%;
		height:140px;
		margin:0 auto;
		}		
		

/* Estilos para menu izquierdo*/

/* Menu desplegable */
#menu1  {
width: 95%;
margin: 0;
padding:0px;
height:auto;
background-repeat: repeat-x; 
background-color: #e4efd1;
position:relative; 
z-index:300; 
list-style-type:none;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
}

#menu1 ul {
list-style-type:none;
}
#menu1 a {
display:block;
text-decoration:none;
color:#000;
padding: 10px 25px 10px 10px;
border-bottom: 1px solid white;
}
#menu1 a:hover {
color:#fff;
background: #9EC10B;
}
#menu1 li {
position:relative;

}
#menu1 ul {
position:absolute; 
display:none; 
width:160px; 
top: 35px; 
left: -10px;
}
#menu1 ul a {
float:left;
background: #e4efd1;
}

#menu1 li ul a {
width:250px; 
height:auto;
margin:0 0 0 60px;
z-index:1000;
position:relative;
}
#menu1 ul ul {
top:auto;
}
#menu1 li ul ul { 
margin:0px 0 0 10px;
}
#menu1 li:hover ul ul, #menu1 li:hover ul ul ul, #menu1 li:hover ul ul ul ul {
display:none;
}
#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li li li:hover ul, #menu1 li li li li:hover ul {
display:block;
}



/* Estilos para menu derecho*/

/* Menu desplegable */
#menu2  {
width: 95%;
margin: 0;
padding:0px;
height:auto;
background-repeat: repeat-x; 
background-color: #e4efd1;
position:relative; 
z-index:300; 
list-style-type:none;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
}

#menu2 ul {
list-style-type:none;
}
#menu2 a {
display:block;
text-decoration:none;
color:#000;
padding: 10px 25px 10px 10px;
border-bottom: 1px solid white;
}
#menu2 a:hover {
color:#fff;
background: #9EC10B;
}
#menu2 li {
position:relative;

}
#menu2 ul {
position:absolute; 
display:none; 
width:160px; 
top: 35px; 
left: -10px;
}
#menu2 ul a {
float:right;
background: #e4efd1;
/*border: 1px solid white;
border-top:none;*/
}

#menu2 li ul a {
width:250px; 
height:auto;
margin:0 60px 0 0;
z-index:1000;
position:relative;
}
#menu2 ul ul {
top:auto;
}
#menu2 li ul ul { 
margin:0px 0 0 10px;
}
#menu2 li:hover ul ul, #menu2 li:hover ul ul ul, #menu2 li:hover ul ul ul ul {
display:none;
}
#menu2 li:hover ul, #menu2 li li:hover ul, #menu2 li li li:hover ul, #menu2 li li li li:hover ul {
display:block;
}

/* fin estilos de menus*/

code, kbd, pre, samp {

    font-family: arial !important;
    font-size: 1.3em !important;
	color:#000000

}