/* Global Resetting */

html{
	width: 100%;
	height: 100%;
	background:#3b7930;
	}
	
body {
	color: #141414;
	width: 100%;
	height: 100%;
	font-size: 62.5%;
	
/* reset font-sizes to 1em == 10px */
}

body#big{
	background: url(../images/bg-home.jpg)  repeat-x;
}

body#small{
	background:url(../images/bg-int-rep.jpg)  repeat-x;
	}
	
* {
	font -size: 1em; /* reset font-sizes to 1em == 10px */
	padding: 0;
	margin: 0;
	font-family: Verdana, Helvetica, sans-serif;
	list-style:none;
	}
	
a img{
	border:0;
}


clear{
	clear:both;
}

.left{
		float: left;
		margin-right: 20px;
		margin-bottom: 10px;
	}

/* Headings */
h1, h2, h3, h4, h5, h6 { 
	font-weight: normal; margin: 20px 0 10px; 
	color:#141414;
}

h1 {
	color: #093b20;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 20px; 
	margin-bottom: 0px; 
	margin-top: 10px;
}

h2 { 
	color: #093b20; 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 18px; 
 }

h3 { 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif, "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 20px; 
	margin-top: 10px; 
	color: #093b20;
}

h4 { 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 13px; 
	margin-top: 10px; 
	color: #093b20;
}

h5 { 
	font-family: "Lucida Grande", Verdana, Arial, sans-serif; 
	font-size: 10px; 
	margin-top: 10px; 
	color: #093b20;
}


/* Layout CSS */

#Main {
	margin: 0 auto;
	width:870px;
}

#Header{
	width:870px;
	height:393px;
	clear:left;
}

#Header h1 {
	color:#fff;
	font-size:1.5em;
	line-height:4.5em;
	padding-left:20px;
	float:left;
}

#Header-small-dos {
	width:870px;
	height:200px;
	clear:left;
	background: url(../images/headers/Interior/Dos.jpg) no-repeat center top;
}
#Header-small-tres{
	width:870px;
	height:200px;
	clear:left;
	background: url(../images/headers/Interior/Tres.jpg) no-repeat center top;
}

#Header-small-cuatro {
	width:870px;
	height:200px;
	clear:left;
	background: url(../images/headers/Interior/Cuatro.jpg) no-repeat center top;
}
#Header-small-cinco {
	width:870px;
	height:200px;
	clear:left;
	background: url(../images/headers/Interior/Cinco.jpg) no-repeat center top;
}

#Header-small-seis {
	width:870px;
	height:200px;
	clear:left;
	background: url(../images/headers/Interior/Seis.jpg) no-repeat center top;
}

/* Logo Chico */

#logo-chico {
		}

	#logo-chico li {
		width: 260px;
		height: 57px;
		float: left;
		background: url(../images/logo-int.png) top no-repeat;
	}



	#logo-chico li a {
		display:block;
		color:#000;
		text-decoration:none;
	}

	#logo-chico li a:hover {
		color:#000;
		background: url(../images/logo-int.png) bottom no-repeat;
	
	}

/* LENGUAGE NAVIGATION
----------------------------------------- */
#lenguajes{
	width: 150px;
	height: 22px;
	float: left;
	text-align: right;
	padding-top: 7px;
	padding-left: 460px;
}

    #lenguageMenu li {	
	}

	#lenguageMenu a {
		float:left;
		text-align: left;
		color: white;
		font-weight: normal;
		font-size: 1.1em;
		margin-left: 30px;
		text-decoration:none;
	}

	#lenguageMenu a:hover {
		text-decoration:none;
		color: #fbd600;
		text-align: left;
	}

	#lenguageMenu li.current a,

	#lenguageMenu li.section a {
		text-decoration:none;
		color: #ded1c7;
	}

/* Flash Header */

#Header-Content{
	width: 870px;
	height: 393px;
	position: absolute;
}


/* test */

.global{
	position:absolute;
	width:870px;
	height:393px;
}
		
.child{
		position:relative;
		height:40px;
		width:200px;
		margin:20px 0 0 10px;
}

.one{
	width: 870px;
	height: 309px;
	margin:0;
}

.two{
	width: 235px;
	height: 393px;
	margin:-309px 0 0 600px;
}

.three{
	width: 600px;
	margin:-80px 0 0 0px;
}





/* Menu 1 */

#alinear-menupage{
	padding-top: 160px;
	margin-left: 8px;
}

#Menu1{
	
	}

#Menu1 li {
	float:left;
	margin-left:8px;
	text-align:center;

}

#Menu1 li a {
	height:24px;
	display:block;
	color:#000;
	font-size:1.2em;
	font-family: Verdana;
	text-decoration:none;
	padding-top:6px;
	padding-left: 10px;
	padding-right: 10px;
}

#Menu1 li a:hover {
	color:#000;
	background: url(../images/menu-bg-chico.jpg);
}

#Menu1 li.current a,
#Menu1 li.section a {
	color:#000;
	background: url(../images/menu-bg-chico.jpg);
}

/*Menu Chico */

#Menu-Chico { 
	}
	
#Menu-Chico li {
	float:left;
	margin-top: 105px;
	margin-left:15px;
	text-align:center;
}

#Menu-Chico li a {

	height:24px;
	display:block;
	color:#000;
	font-size:1.2em;
	font-family: Verdana;
	text-decoration:none;
	padding-top:6px;	
	padding-left: 10px;
	padding-right: 10px;
}

#Menu-Chico li a:hover {
	color: #000;
	background: url(../images/menu-bg-chico.jpg);
}

#Menu-Chico li. current a,
#Menu-Chico li. section a {
	color:#fff;
	background: url(../images/menu-bg-chico.jpg);
}

#ContentContainer {
	padding-top:20px;
	padding-bottom:20px;
	overflow: auto;
}

#Content{
	width: 652px;
	min-height: 400px;
	float: left;
}

#Content-Top{
	width: 612px;
	height: 29px;
	float: left;
	padding:20px;
	padding-top: 15px;
	background: url(../images/cabecera-cont.jpg) no-repeat top;
}

#Content-Body{
	width: 612px;
	float: left;
	padding: 20px;
	background: url(../images/rep-cont.jpg) repeat-y top;
}

#Content-Body p{
	margin-bottom: 10px;
}

#Content-Body h3{
	font-size: 16px;
}

#Content-Footer{
	width: 652px;
	height: 50px;
	float: left;
	background: url(../images/pie-cont.jpg) no-repeat top;
}

#Breadcrumbs{
	color: #566F3A;
	margin-bottom: 10px;
}

#Breadcrumbs a{
	color: #566F3A;
	text-decoration: underline;
}

#Breadcrumbs a:hover, a:current{
	color: #333;
}

div.breadcrumbs {
	margin-bottom:10px;
	font-size:1em;
	color:#666;
}

div.breadcrumbs a {
	text-decoration:none;
	color: red;
}

#Sidebar{
	width: 218px;
	min-height: 560px;
	float: left;
	background:url(../images/bg-sidebar.jpg) no-repeat top #3b7930;
	padding-top: 8px;
}

#Sidebar .separator{
	width: 185px;
	height: 20px;
	float: left;
	background: url(../images/separator-green.png) no-repeat center;
	margin-left: 10px;
	margin-top: 15px;
}


#SidebarCarro{
	width: 180px;
	float: left;
	margin-left: 12px;
}

	#SidebarCarro h3{
		font-size: 18px;	
	}
	
	#SidebarCarro a{
		font-size: 8px;
		color: #45a73e;
	}

	#SidebarCarro a:hover{
		font-size: 8px;
		color: #2b6726;
	}


/* Botones Esfera */

#btn_esfera{
	width: 120px;
	float:left;
	margin-left: 43px;
	margin-top: 15px;
}



#btn_esfera-mercado {
		}

	#btn_esfera-mercado li {
		width: 120px;
		height: 150px;
		float: left;
		background: url(../images/btn-esferas-Mercado.png) top no-repeat;
	}



	#btn_esfera-mercado li a {
		display:block;
		color:#000;
		text-decoration:none;
	}

	#btn_esfera-mercado li a:hover {
		color:#000;
		background: url(../images/btn-esferas-Mercado.png) bottom no-repeat;
	
	}
	
	

#btn_esfera-procesos {
		}

	#btn_esfera-procesos li {
		width: 120px;
		height: 150px;
		float: left;
		background: url(../images/btn-esferas-Procesos.png) top no-repeat;
	}



	#btn_esfera-procesos li a {
		display:block;
		color:#000;
		text-decoration:none;
	}

	#btn_esfera-procesos li a:hover {
		color:#000;
		background: url(../images/btn-esferas-Procesos.png) bottom no-repeat;
	
	}
	
	

/* Home Star */

#Destacado-Home{
	width:285px;
	height: 187px;
	float: left;
	margin-left: 3px;
	background: #3a7b30;
}

/* Home End */

/* Producto Star */

#Foto-ProductoHolder{
	width:150px;
	height: 250px;
	float: left;
	margin-left: 3px;
	margin-bottom: 10px;
}

#Foto-ProductoHolder img{
	float: left;
	margin-left: 25px;
}

#Foto-ProductoHolder h3{
	width: 150px;
	height: 20px;
	float: left;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	margin-top: 5px;
}

#Foto-ProductoPage{
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;
}

.separate{
	margin-top: 0px;
}

.titulos{
	background: #d7da7f;
	color: #000;
}

.titulos2{
	background: #617b3a;
	color:#fff;
}

.info{
	background: #fff;
	color:#000;
}

/* Producto End */

/* Noticias Star */
	
#NoticiasHolder {
	width: 610px;
	height: 250px;
	float: left;
}

#NoticiasHolder .img{
 	width: 200px;
  	float: left;
	margin-right:10px;
	border: solid 2px #fff;
}

#NoticiasHolder h3{
	color: #356a37;
	margin-top: 0px;
	margin-bottom: 10px;
}

#NoticiasHolder hr{
	width: 610px;
	float: left;
	color: #A9BF8E;
	margin-top: 15px;
	margin-bottom: 15px;
}

#Numero-Comentarios{
	color: #6c806f;
}

/* Noticias End */

#Banner {
	text-align: center;
}

#Menu2{ 
}

	#Menu2 li {
		float:left;
		margin-top: 8px;
		margin-left: 10px;
		text-align:center;
		background:url(../images/btn-sidebar.png) top no-repeat;
}

#Menu2 li a {
	width:185px;
	height:20px;
	display:block;
	color:#093B20;
	font-size:1.2em;
	font-family: Verdana;
	text-decoration:none;
	padding-top:1px;
}

#Menu2 li a:hover {
	color:#093B20;
	background:url(../images/btn-sidebar.png) center no-repeat;
}

#Menu2 li.current a,
#Menu2 li.section a {
	color:#093B20;
	background:url(../images/btn-sidebar.png) bottom no-repeat;
}

#Footer {
	margin:auto;
	padding:0;
	border:0;
	width:100%;
	height:270px;
	float:left;
	background:url(../images/footer-bg.jpg) #3c7a31 center top no-repeat; 
}

#Footer span {
	color:#FFF;
	font-size:11px;
	line-height:2em;
}

#Footer-all{
	width:620px;
	height:70px;
	margin:0px auto;
	margin-top:100px;
	font-family:Arial, Helvetica, sans-serif;
}

titulo{
	width:620px;
	float:left;
	color:#033;
	font-size:16px;
}

desarrollo{
	width:620px;
	float:left;
	color:#C00;
	font-size:12px;
}

#Footer a {
	color:#fff;
}

#Footer a:hover {
	text-decoration:none;
}

/* The rest of this file is for the second tutorial */

#News List, #StaffList{
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;
}

#NewsList li, #StaffList li {
	margin: 0;
	list-style-type: none;
}

#NewsList li.newsDateTitle span {
	color:#666;
	line-height:2em;
}

#NewsList li.newsDateTitle a {
	font-size:1.3em;
	font-weight:bold;
	color:#0083C8;
	text-decoration:none;
	padding-left:20px;
	background:url(../images/treeicons/news-file.gif) no-repeat left center;
}

#NewsList li.newsDateTitle a:hover {
	border-bottom:1px dotted #0083C8;
}

#NewsList li.newsSummary {
	margin-bottom: 20px;
}

#NewsList li.newsSummary span {
	font-size:1.1em;
	line-height:1.5em;
	color:#333;
}

#NewsList li.newsSummary a.readMoreLink {
	color:#0083C8;
	text-decoration:none;
}

#NewsList li.newsSummary a.readMoreLink:hover {
	border-bottom:1px dotted #0083C8;
}

div.newsDetails {
	margin-bottom:10px;
}

div.newsDetails p {
	color:#666;
	margin:0;
	font-size:1em;
}

div.pageComments {
	background:#f0f0f0;
	border:1px dotted #ccc;
	padding:10px;}

#StaffList .staffname { 
	clear: both;
	padding-left: 60px;
	height: 1.2em;
}

#StaffList .staffphoto {
	float: left;
	margin-left: 3px; 
	margin-top: -1.2em;
}   

#StaffList .staffphoto img {
	border:1px solid #AAA;
}

#StaffList .staffdescription {
	margin-left: 60px;
	margin-bottom:30px;}

#StaffPhoto {
	float: left;
	margin-right: 10px;
}

#StaffPhoto img {
	border:1px solid #AAA;
}

#PageComments {
	list-style:none;
	background:#e9e9e9;
	border:1px solid #ccc;
	border-bottom:0;
	padding:0;
	margin:0;
}


/* Contacto */

#contact-map{
	width: 290px;
	float: left;
	margin-right: 30px;
}




/*Comentarios*/

#CommentHolder ul {
	list-style: none;
	margin: 20px 0;
}

#PageComments li {
	margin: 5px 12px 0;
	padding: 1px;
	width: 88%;
	list-style:none;
}

#PageComments li.odd {
	background: #E8F6FF url(../images/commentBg.png) no-repeat 1% 10%;
	padding-left: 40px;
	padding-right: 10px;
	border-bottom: 2px solid #BCE4FE;
}

#PageComments li.even {
	background: #fff url(../images/commentBgAlt.png) no-repeat 99% 10%;
	padding-right: 40px;
	padding-left: 10px;
}

#PageComments li.odd  p.info {
	color: #3AA0C3;
}

actionLinks li  a {
	padding-right: 3px;
	font-size: 10px;
}

actionLinks li {
	display: inline;
	border-right: 1px solid;
}

actionLinks li.last {
	border-right: none;
}

commentrss {
	background: transparent url(../images/feed-icon-14x14.png) no-repeat;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.6em;
}

#PageCommentsPagination p {
	text-align: center;
	font-size: 1.2em;
}

#PageComments p {
	font-size: 1em;
}

#PageComments p.info {
	color: #999;
	margin: 0px;
	padding: 0;
	line-height: 1em;
	font-size: 0.9em;
}

/* BY CERTA
-------------------------------------------- */

#byCerta{
	width: 120px;
	height: 20px;
	float: left;
	margin-top: 60px;
	margin-left: 650px;
}