/*  General
----------------------------------------------------------------- */


html {
	min-height:100%;
	margin-bottom:1px;
}


body {
	margin: 0px;
	padding: 0px;
	background-color:#e8e3e0;
	font:62.5%/1.2 "Verdana", "Arial", "Helvetica", sans-serif;
	color:#777777;
	height: 100%;
	text-align: center;
}
img{
border:none
}


.clear {
	clear:both;
	height: 1px;
	}

/*  Wrappers
----------------------------------------------------------------- */

#whole {
	width: 750px;
	margin: 0 auto;
	text-align: left;
}

#main {
	width: 100%;
	background-color: #FFF;
}



/*  Banner
----------------------------------------------------------------- */

#banner {
	background-color:#7f9f1e;
	width: 100%;
	height: 95px;
	}
	
#banner_left {
	padding-left: 25px;
	padding-top: 15px;
	float: left;
	}	
	
#banner_right {
	float: right;
	text-align: right;
	padding-right: 20px;
	padding-top: 10px;
	}

#banner_right a {
	font-size: 1.1em;
	color: #FFF;
	text-decoration:none;
	}

#banner_right a:hover {
	color: #CCC;
	}	
	
#strap {
	padding-top: 30px;
}
#strap_es {
 padding:0;
}
	
/*  Menu
----------------------------------------------------------------- */		
	
#menu {
	background-color:#4e4a49;
	text-align: center;
	width: 750px;
	overflow:hidden;
}	

#menu ul, #menu li {
	background-color:#4e4a49;
	margin: 0;
	padding: 0; 	
	list-style: none;
	}

#menu li {
	float: left;
	display: block;
	border-left: solid 1px #959494;
	border-right: solid 1px #000;
	list-style: none;
	}
	
#menu li a {
	background-color:#4e4a49;
	display: block;
	font-size: 1.1em;
	color: #FFF;
	text-decoration: none;
	padding: 6px;
	letter-spacing:0.7px;
	}
	
	
#menu li a:hover, .section  {
	background-color:#7f9f1e !important;
}

#menu li a:focus {
outline:0;
background-color:#e8e3e0;
color:#333 !important;
border:none;
}

			
	

/*  Links
----------------------------------------------------------------- */	

a {
	text-decoration:underline;
	color: #7f9f1e;
	}

a:hover {
	color: #000;
	}
	
a:focus{
outline:2px solid #333;
text-decoration:none;
}	



/*  Homepage
----------------------------------------------------------------- */		
	
#home_image {
	width: 750px;
	height: 262px;
	background:url(../images/home_image002b.jpg) no-repeat;
	}
	
#rotator {
	width: 340px;
	float: right;
	padding-top: 50px;
	}
	
#rotator_top {
	width: 280px;
	float: right;
	padding-top: 10px;
	padding-right: 40px;
	}	
	
#rotator .rot_text {
	font-size: 1.4em;
	font-weight: bold;
	color: #000;
}

#rotator_top .rot_text {
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
}		

.homesub {
	width: 195px;
	border-right: solid 4px #e8e3e0;
	font-size: 1.1em;
	float: left;
	padding: 15px 25px 15px 25px;
	/*margin-bottom: 20px;*/
}

* html .homesub {  /* Box model hack */
width: 245px;  /* Width including border, padding & margin */
w\idth: 195px;  /* Width excluding border, padding & margin */
}

.homesub .title {
	font-size: 1.3em;
	font-weight: bold;
	padding: 0;
	margin: 0;		
}	

.homesub img {
	float: left;
	border: solid 4px #7f9f1e;
	margin-right: 10px;
	}	
	
	
/*  Subsidiary layout
----------------------------------------------------------------- */	

#subsid {
background-color:#FFF;
font-size: 1.1em;
padding-right: 40px;
padding-top: 34px;
margin-bottom: 40px;
}

#subsid_header {
width: 100%;
background-color: #e8e3e0;
overflow: auto;
}

#left {
float: left;
width: 180px;
margin-right: 40px;
}

* html #left {  /* Box model hack */
width: 220px;  /* Width including border, padding & margin */
w\idth: 180px;  /* Width excluding border, padding & margin */
}

#left ul {
padding: 0 0 20px 0;
margin: 0 0 20px 20px;
}

#left li {
list-type:none;
text-indent:-10px;
padding-left:10px;
margin-bottom:2px
}

#left li a {
color: #7f9f1e;
text-decoration: none;
line-height:130%
}
#left li a:hover {
color: #000;
text-decoration: none;
}


#download_top {
	height: 5px;
	width: 100%;
	background: url(../images/corner_grey_tr.gif) #e8e3e0 no-repeat right;
}

#download {
background-color:#e8e3e0;
padding-left: 5px;
padding-right: 5px;
}

#download_bottom {
	height: 5px;
margin-bottom:5px;
	width: 100%;
	background: url(../images/corner_grey_br.gif) #e8e3e0 no-repeat right;
}

#middle {
float:right; 
width: 470px;
color: #777;
line-height:1.4em;
}

#crumbs {
	background: #FFF;
	padding: 0px 4px 4px;
	border: 1px solid #EEE;
	margin-bottom: 10px;
}


/*  Styling
----------------------------------------------------------------- */

h1 {
font-size: bold;
font-size: 1.4em;
padding: 0;
padding-bottom: 5px;
margin: 0;
}

h2 {
font-size: bold;
font-size: 1.2em;
color: #7f9f1e;
padding: 0;
margin: 0;
}

#footnotes {
margin-top: 40px;
padding-left: 50px;
font-size: 80%;
color: #666;
line-height:1.5;
}


ul li {
color: #7f9f1e;
}

ul li span {
color: #777777;
}


ul.tick li  {
	background: url(../images/tick002.gif) no-repeat 0px 4px;
	list-style: none;
	padding-left: 20px;
	padding-bottom: 10px;
	color: #777;
}

sup {
vertical-align: baseline;
font-size: 80%;
position: relative;
top: -.5em;
}

.regmark {
	font-size: 80%;
	padding-left: 0px;
}

h1 .regmark, h2 .regmark {
	font-size: 65%;
}

img, div { behavior: url(iepngfix.htc) }


/*  Forms
----------------------------------------------------------------- */

label {
font-weight: bold;
margin-bottom: 5px;
}

.form_label {
clear: both;
float: left;
width: 150px;
padding-right: 15px;
text-align: right;
}

.form_field {
float: left;
width: 250px;
padding-bottom: 10px;
}

.field {
border: solid 1pt #7f9f1e;
padding: 2px;
float: left
}


/*  Links
----------------------------------------------------------------- */

a.icon[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../images/icons/pdf.gif) no-repeat center right;
}

a.icon[href $='.doc'] { 
   padding-right: 18px;
   background: transparent url(../images/icons/word.gif) no-repeat center right;
}

a.icon[href $='.xls'] { 
   padding-right: 18px;
   background: transparent url(../images/icons/excel.gif) no-repeat center right;
}

a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(../images/icons/mailto.gif) no-repeat center right;
}

a[class ="popup"] {
   padding-right: 18px;
   background: transparent url(../images/icons/popup.gif) no-repeat center right;
}

a.external {
   padding-right: 18px;
   background: transparent url(../images/icons/external.gif) no-repeat right center;
}

		
/*  Footer
----------------------------------------------------------------- */

#footer_key_top {
	height: 21px;
	text-align: center;
}

#footer_key_bottom {
	background-color:#E7E2DE;
	height: 17px;
	text-align: center;
}

#footer {
	width: 100%;
	clear: both;
	background-color: #e8e3e0;
	text-align: center;
	padding: 7px 0 15px 0;
	color: #4e4a49;
	font-size: 1em;
	}
	
#footer a {
	color: #003366;
	text-decoration: underline;
	}
	
#footer a:hover {
	color: #4e4a49;
	}	
	
#footer2 {
	background-color:#FFF;
	height: 40px;
}

/*add-ons--------*/
#canvas0{
width: 309px; 
height: 195px; 
float:right;
clear:both
}

.contactehome{
clear:both;
float:right;
margin-right: 40px; 
margin-top: 2px; 
}	
#home_image{
   background: url(../images/home_image002b.jpg) no-repeat center right;
}
.iconosHome{
border-top:3px solid #e8e3e0;
width:700px;
overflow:hidden;
padding:25px 25px 25px 25px
}
.iconoHome{
float:left;
width:233px;
text-align:center
}
p.style1{
color:#7f9f1e;
font-weight:bold;
font-size:15px;
}
.separador {
width:100%;
height:5px;
display: block;
clear: both
}
.encuesta .form_label{
text-align:left
}
.puntosEncuesta {
clear: both;
display:block;
margin-top:10px;
font-size: 11px;
}