/*------ 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: #eeeeee;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #ffffff;
	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/back.jpg) repeat-x center top;
}

#wrappersub { /*Define the background for the Subpages*/
	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/backsubindex.jpg) repeat-x center top;
}

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

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

/*#contentheader {
    width:1101px;
    text-align:left;
	margin-left:20px;
	padding-top:8px;
		  
}*/

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

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

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

div#containerjust{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 80%; 
text-align: justify;
overflow:hidden; /*contain floated children*/
}
#sideleft {
float:left;
width:560px; /*size of left column*/
margin-right:20px;
}
#sideright {
float:right;
width:300px; /*size of right column*/
margin-top:10px;
}
#sideright img{
margin-bottom:10px;
}

#footer {
    clear:both;
    height:619px;
    margin:-619px auto 0; /*pull footer back into viewport and center*/
    background: url(images/footerback.jpg) repeat-x center bottom;
    text-align:center;
}

#footer a {
		color: #000;
}

#contentfooter {
    width:1101px;
    height:619px;/*image height added here*/
    text-align:center;
    margin: 0 auto;
    background: url(images/footer.jpg) no-repeat center;  
    font-size: 14px;
    color:#333;
}

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


/*==== Images Menu Styles ====*/

#imgwrap { 
	background: url(images/menu.jpg) no-repeat;
    height:36px;
	width:1101px;
}
#imgwrap img{
    display:block;
    float:left;
	margin:0 0 0 0;
}


p {margin:0 0px 10px 0; text-align:justify; font-size: 0.9em;}
.text p{color:#333; margin:0 0px 10px 0; text-align:justify; font-size: 0.9em;}
.text {color:#333; margin:0 0px 10px 0; text-align:justify; font-size: 0.9em;}
.textsmall {color:#333; margin:0 0px 10px 0; text-align:justify; font-size: 0.7em;}
.line {border-left: 1px #cccccc solid}
.text p {color: #000;}
.text p a {color: #000;}
.text p ul {color: #000;}
.text p li {color: #000; list-style-image: none; list-style-position: inside;}
.text ul {color: #000;}
.text li {color: #000; list-style-image: none; list-style-position:outside; margin-left:20px; line-height:20px;}

h1 {
	font-size: 1.4em;
	color:#ccc;
	margin-bottom: 10px; margin-top:20px;
}

h2 {
	font-size: 1.2em;
	color:#ccc;
	border-bottom: 1px solid gray;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}
h3 {
	font-size: 1.2em;
	color:#333;
	border-bottom: 1px solid gray;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}
h4 {
	font-size: 1.0em;
	color:#ccc;
	border-bottom: 1px solid gray;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}
h5 {
	font-size: 1.0em;
	color:#333;
	border-bottom: 1px solid gray;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}
h6 {
	font-size: 1.2em;
	font-weight:900;
	color:#333;
	padding-bottom:5px;
	margin-bottom: 10px; margin-top:20px;
	font-stretch: expanded;
}


a:link {text-decoration: none; /* for unvisited links */
       	font-size: 14px;
		font-weight:900;
		color:#96c0fe;}
a:visited {text-decoration: none;/* for visited links */
       	font-size: 14px;
		font-weight:bold;
	   	color:#96c0fe;}
a:active {text-decoration: none;/* when link is clicked */
       	font-size: 14px;
	   	color:#96c0fe}
a:hover {text-decoration: none; color:#000000;}	/* 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; 
}

#message {color:#fff; margin:0 0px 10px 0; text-align:right; font-size: 0.9em; width:560px;}
.radiotripway {line-height: 1.5; vertical-align:text-top; font-size:12px; font-weight:bold; color:#000;}

label {font-size:12px; font-weight:bold;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:120px; line-height:25px; margin:0 10px 2px 0; vertical-align:middle;}
dd {float:left; width:400px; line-height:25px; margin:0 0 2px 0; vertical-align:middle;}

form.cmxform {width: 550px;	
			font-size: 1em;	/* tamano de las letras de la forma (labels) */
}
/*#commentForm { width: 500px; }*/
#commentForm label { width: 120px; }
/*#commentForm label.error, #commentForm input.submit { float:left; margin-left:-222px; width:450px;}*/
#commentForm label.error, #commentForm input.submit { float:left; margin-left:0px; width:300px; 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:550px;
}

form.cmxform legend {
	display: inline-block; /* IE Mac legend fix */
	background:#afbfc8; 
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;	
	color:#fff; 
	font:14px/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;
}

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: 300px;
}

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
}
/*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   { display:inline; font-size:1em;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}

	input.bt {	
	width: 193px;
	height: 30px;
	cursor: pointer;
	background: url(images/button.gif) no-repeat top right;
}

	input.bt:hover {color: #666;}

	input.bt2 {	
	width: 135px;
	height: 30px;
	cursor: pointer;
	background: url(images/button2.gif) no-repeat top right;
}

	input.bt2:hover {color: #666;}