/*------ Resets -----*/
body, address, blockquote, dl, dt, dd, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0;
}
body {   
    background: #699840;
	font-family: Verdana, Geneva, sans-serif;
    color:#333;
	line-height: 95%;
}  
html, body {
    height:100%; /*for sticky footer*/ 
} 
body {  /*Opera height trigger,(note: position:relative; on html causes bug in older safari)*/
    position:absolute; 
    width:100%;
	text-align: center;
}

.clearfix {	width: 100%; height: 0px; clear: both; display: block;}/* clearfix for floated elements */

#wrapperhome { /*Define the background for the Home page only*/
	clear:both;
    min-height:100%; /*height is determined from parent's height (html & body)*/
    width:100%px; /*width imagen */
    margin: 0 auto;
	background: url(images/index_back.jpg) repeat-x center top;
}

#subwrapper { /*Define the background for the Subpages*/
	clear:both;
    min-height:100%; /*height is determined from parent's height (html & body)*/
    width:100%; /*width imagen */
    margin: 0 auto;
	background: url(images/subindex_back.jpg) repeat-x center top;
}
* html #subwrapper {height:100%;}/*min-height for ie6*/

#wrapper {
	clear:both;
    min-height:100%; /*height is determined from parent's height (html & body)*/
    width:928px; /*width imagen */
    margin: 0 auto;
}
* html #wrapper {height:100%;}/*min-height for ie6*/
 
#header{
    min-height:169px; /* combined height of header images*/
	background: url(images/index_01.jpg) no-repeat;
}
* html #header {height:169px}/*min-height for ie6*/

#headersp{
    min-height:169px; /* combined height of header images*/
	background: url(images/indexsp_01.jpg) no-repeat;
}
* html #headersp {height:169px}/*min-height for ie6*/


#subheader{
    min-height:332px; /* combined height of header images*/
}
* html #subheader {height:332px}/*min-height for ie6*/


/***** Slide Container Layout ****/
#container {
  	width: 100%;
  	height: 100%;
  	text-align: center;/* IE fix to center the page */
}

#content {
  	width: 928px;
  	margin: 0 0 0 0;/* center the page in Firefox */
  	text-align: left;
	padding: 20px;
}

#contentmain {
    width:928px;
	height:361px;
    text-align:center;
    padding-bottom:262px; /*footer height (plus 20px for text spacing)*/ 
    background: url(images/index_02.jpg) no-repeat;   
}

#contentmainsp {
    width:928px;
	height:361px;
    text-align:center;
    padding-bottom:262px; /*footer height (plus 20px for text spacing)*/ 
    background: url(images/indexsp_02.jpg) no-repeat;   
}

#contentsub {
    width:928px;
    text-align:center;
    padding-bottom:262px; /*footer height (plus 20px for text spacing)*/ 
    background: url(images/index_03.jpg) no-repeat;   
}

div#containerjust{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 100%; 
text-align: justify;
overflow:hidden; /*contain floated children*/
background: url(images/index_03.gif) repeat-y;
}

#sidelefthome {
	padding-left:200px;
	padding-top:25px;
	float:left;
	width:300px; /*size of left column*/
}
#siderighthome {
	padding-left:450px;
	padding-top:30px;
	float:left;
	width:300px; /*size of right column*/
}


#sideleft {
float:left;
width:178px; /*size of left column*/
margin-left:85px;
}
#sidecenter {
float:left;
width:380px; /*size of right column*/
padding-left:10px;
}
#sideright {
float:right;
width:178px; /*size of right column*/
margin-right:85px;
vertical-align:top;
}
#sideright img{
margin-bottom:10px;
}

#footer {
    clear:both;
    height:262px;
    margin:-262px auto 0; /*pull footer back into viewport and center*/
    text-align:center;
}

#footer a {
		color: #000000; font-size:0.85em;
}
#footer p {
		color: #27485A; font-size:0.85em;
}

#contentfooter {
    width:928px;
    height:262px;/*image height added here*/
    text-align:center;
    margin: 0 auto;
    background: url(images/footer_01.gif) no-repeat center;  
    font-size: 0.7em;
    color: #333;
}

#mainfooter		
{ 
width: 928px; /*size of the whole footer content*/
border: none;
padding-top:15px;
text-align: center;
}


/*==== Images Menu Styles ====*/
#imglanguage { 
    height:50px;
	font-size:0.7em;
	text-align:left;
	margin-left:750px;
	padding-top:25px;
	
}


#imgwrap { 
    height:89px;
	width:415px;
	margin-left:425px;
	padding-top:0px;
}
#imgwrap img{
    display:block;
    float:left;
	margin:0 0 0 0;
}

#message {color: #900; margin:0 0 0 0; text-align:right; font-size: 0.7em; width:560px;}
p {margin:0 0px 10px 0; text-align:justify; font-size: 0.7em;}
ul {font-size: 0.7em;}
li {font-size: 0.7em; font-weight:bold; list-style-image: none; list-style-position:inside; margin-left:20px; line-height:20px;}


h1 {
	font-size: 0.9em;
	color:#006;
	margin-bottom:6px; margin-top:10px;
	padding-bottom:2px;
	text-align:left;
	text-transform:uppercase;
}

h2 {
	font-size: 1.1em;
	color: #003;
	margin-bottom: 5px; margin-top:5px;
	border-bottom:solid #27485A 1px;
	padding-bottom:5px;
	text-align:left;
}
h3 {
	font-size: 0.9em;
	color: #003;
	margin-bottom: 5px; margin-top:5px;
	padding-bottom:5px;
	text-align:left;
}
h4 {
	font-size: 1.0em;
	color:#4770AB;
	border-bottom: 1px solid gray;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}
h5 {
	font-size: 1.0em;
	color:#577EB9;
	border-bottom: 1px solid gray;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}
h6 {
	font-size: 1.1em;
	font-weight:900;
	color:#577EB9;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}


.normal a:link {text-decoration: none; /* for unvisited links */
       	font-size: 0.9em;
		font-weight:900;
		color:#1a3e51;}
.normal a:visited {text-decoration: none;/* for visited links */
       	font-size: 0.9em;
		font-weight:bold;
	   	color:#1a3e51;}
.normal a:active {text-decoration: none;/* when link is clicked */
       	font-size: 0.9em;
	   	color:#1a3e51}
.normal a:hover {text-decoration: none; color:#666;}	/* when mouse is over link */

/*CSS entry forms*/
.textred { 
	font-size: 11px;
	color:#900;
	font-size: 0.7em;
	text-align:right; 
}

.message a { 
	font-size: 14px;
	color:#96c0fe;
	text-align:right; 
}

.radiotripway {line-height:25px; vertical-align:text-top; font-size:0.8em; font-weight:bold; color:#000;}

dl {clear:both;}
dt {font-size:0.8em; font-weight:bold; float:left; text-align:right; width:150px; line-height:25px; margin:0 10px 2px 0; vertical-align:middle;}
dd {float:left; width:200px; line-height:25px; margin:0 0 2px 0; vertical-align:middle;}

form.cmxform {width: 370px;	}
#commentForm label { width: 150px; }
#commentForm label.error, #commentForm input.submit { float:left; margin-left:0px; width:150px; text-align:left;}
/**********************************

Use: cmxform template

***********************************/
form.cmxform fieldset {
	background:#ced5e9;
	border-color:#fff #999 #999 #fff;
	border:1px solid #fff;
	padding:10px; 
	margin-bottom:36px; 
	width:370px;
}

form.cmxform legend {
	display: inline-block; /* IE Mac legend fix */
	background:#afbfc8; 
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;	
	color:#fff; 
	font:10px/16px Verdana, Geneva, sans-serif;; 
	padding:0 10px; margin:-6px 0 10px -11px; 
	font-weight:bold; 
	border:1px solid #fff; 
}

form.cmxform label {
	display: inline-block;
	line-height: 25px;
	vertical-align: text-bottom;
	text-align: right;
	cursor:auto;
	font-size:0.8em; 
	font-weight:bold;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset button {
	padding: 5px; 
	/*margin-left: 323px; /* margin entry button */
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label.error {
	margin-left: 0px;
	width: 150px;
}

form.cmxform input.submit {
	margin-left: 0px; 
}

/**********************************

Name: cmxform Styles

***********************************/
	/* color de las letras de la forma (labels) */
form.cmxform label, form.cmxform p {
	color: #000000;
}


form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 6px 10px 3px; /* spacing between lines */
	border-top: 1px solid #CCCCCC;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	font-size:0.8em;
}
/*div.error { display: none; }*/
input {	border: none; height:20px; }
select { border: none; height:20px; }
textarea {	border: none;}
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
input.radio {  width:20px; border:none; background:none; }
form.cmxform .gray * { color: gray; }


 /* User feedback
 -----------------------*/
/* aqui se define la posicion, tipo de letra y colores del mensaje de error despues del submit */
div.error       {font-size:0.8em; font-weight:900;padding:5px 0 0;color:#f30;margin:0 0 0 0px;}

 /* slideshow*/
#slideshow_images { height: 287px; width: 348px; padding:0; margin:0; overflow: hidden;}
#slideshow_images img { border:none;}

#slideshow_subimages { height: 172px; width: 392px; padding:0; margin:0; overflow: hidden;}
#slideshow_subimages img { border:none;}

#slideshow_eimages { height: 362px; width: 392px; padding:0; margin:0; overflow: hidden;}
#slideshow_eimages img { border:none;}


#slideshow {list-style:none; color:#000}
#slideshow span {display:none}
#slidewrapper {width:506px; margin:50px auto; display:none}
#slidewrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:300px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:81px; background:url(images/scroll-left.gif) center center no-repeat; background-color:#222}
#slideleft:hover {background-color:#333}
#slideright {float:right; width:20px; height:81px; background:#222 url(images/scroll-right.gif) center center no-repeat}
#slideright:hover {background-color:#333}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

.tab {
  	background: url(images/tab_b.png) repeat-x 0 0;
	height: 35px;
	position: relative;
	margin-left:0px;
    top: 0;
    z-index: 999;
}

.tab ul.login {
	display: block;
	position: relative;
  	float: right;
  	clear: right;
  	height: 35px;
	width: 900px;
  	font-weight: bold;
	line-height: 35px;
	margin: 0;
	/*right: 150px;*/
	right: 150px;
  	color: #DDC162;
  	font-size: 95%;
	text-align: center;
}

.tab ul.login li.left {
  	background: url(images/tab_l.png) no-repeat left 0;
  	height: 35px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li.right {
  	background: url(images/tab_r.png) no-repeat left 0;
  	height: 35px;
	width: 30px;
	padding: 0;
	margin: 0;
  	display: block;
	float: left;
}

.tab ul.login li {
 	text-align: left;
  	padding: 0 6px 0 6px;
	display: block;
	float: left;
	height: 35px;
  	background: url(images/tab_m.png) repeat-x 0 0;
}

.tab ul.login li a {
	color:#DDC162; font-size: 0.8em; /* letter color link on the slide (pestana)*/
}

.tab ul.login li a:hover {
	color: white; font-size: 0.8em;
}

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
	height: 20px;
	line-height: 20px !important;
	padding-left: 30px !important;
	cursor: pointer;
	display: block;
	width: auto;
	position: relative;
	top: 11px;
}

.tab a.open {background: url(../images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(../images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(../images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(../images/bt_close.png) no-repeat left -19px;}

#toppanel {
    position: absolute;  
	left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}


/**** CSS Testimonials ***/
.testimonial {
clear:both;
width:300px;
float:left;
margin:15px 0 30px 0;
}
.testimoniallarge {
clear:both;
width:500px;
float:left;
margin:15px 0 20px 30px;
}
.left-quote {
float:left;
background:url(images/quote-left.gif) no-repeat top;
width:41px;
height:31px;
}
.testi-text {
float:left;
text-align:justify;
font-size: 0.8em;
font-style:italic;
width:300px;
padding-right:0px;
padding-bottom:12px;
background:url(images/quote-right.gif) no-repeat right bottom;
}
.testi-textlarge {
float:left;
text-align:left;
font-size: 0.8em;
font-style:italic;
width:500px;
padding-right:0px;
padding-bottom:12px;
padding-left:10px;
background:url(images/quote-right.gif) no-repeat right bottom;
}
.testi-pic {
float:left;
width:77px;
height:104px;
margin-left:70px;
display:inline;
}
.testi-name {
float:left;
font-size: 0.8em;
text-align:left;
padding:5px 0 0 0;
}

/** Buttom classes **/
a.bt, a.bt span {display: inline-block; height:22px; }
a.bt {padding-left: 15px; background: url(images/bt-casual-left.png) no-repeat; color:#000; margin-top: 5px; text-decoration: none; }
a.bt:hover {color: #666;}
a.bt span { background: url(images/bt-casual-right.png) no-repeat right; padding-right: 15px; line-height:20px}