/*------ Resets -----*/
body, address, blockquote, dl, ol, ul, li, form, fieldset, legend, h1, h2, h3, h4, h5, h6, p, pre {
    margin:0;
    padding:0;
}
body {   
    background: #ebf3f7 url(images/back_01.jpg) repeat-x center top;
    font:100% Verdana,"trebuchet ms",tahoma;
    color: #000;
}  
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%; 
}
#wrapper {
    min-height:100%; /*height is determined from parent's height (html & body)*/
    width:963px;
    margin: 0 auto;
    background: #EEF;
}
* html #wrapper {height:100%;}/*min-height for ie6*/
 
#header{
    min-height:424px; /*combined height of header images*/	
}
* html #header {height:424px}/*min-height for ie6*/
 
#content {
    width:963px;
    text-align:center;
    /*line-height: 1.25em;*/
    padding-bottom:455px; /*footer height (plus 20px for text spacing)*/ 
    background: #afb4b7 url(images/index_11.jpg) repeat-y;   
}


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

#headerevents{
    min-height:245px; /*combined height of header images*/	
}
* html #headerevents {height:245px}/*min-height for ie6*/
 
#subcontent {
    width:963px;
    text-align:center;
    /*line-height: 1.25em;*/
    padding-bottom:455px; /*footer height (plus 20px for text spacing)*/ 
    background: #afb4b7 url(images/index_11.jpg) repeat-y;   
}

#subcontentevents {
    width:963px;
    text-align:center;
    /*line-height: 1.25em;*/
    padding-bottom:455px; /*footer height (plus 20px for text spacing)*/ 
    background: #afb4b7 url(images/backevents.jpg) repeat-y;   
}

#footer {
    clear:both;
    height:435px;
    margin:-435px auto 0; /*pull footer back into viewport and center*/
    background: #afb4b7 url(images/footerback_01.jpg) repeat-x center bottom;
    text-align:center;
}
#contentfooter {
    width:963px;
    height:435px;/*image height added here*/
    text-align:left;
    margin: 0 auto;
    /*line-height: 1.25em;*/
    /*padding-bottom:removed*/ 
    background: #afb4b7 url(images/footer.jpg) no-repeat center;   
    font-family: verdana,Times, serif;
    font-size: 11px;
    color: #030;
}

#mainfooter		
{
margin-left:105px;
width: 78%; /*size of the whole footer content*/
border: none;
/*padding: 1em;*/
text-align: left;
padding-top:45px;
}

#textheaderevents		
{
margin-left:105px;
width: 78%; /*size of the whole footer content*/
border: none;
/*padding: 1em;*/
text-align: left;
padding-top:130px;
}

/*==== Image Styles ====*/
#header img{
    display:block;
}
#imgwrap { /*contain all 190px tall images*/
    height:190px;
    width:963px;
}
#imgwrap img{
    display:block;
    float:left;
}


/*==== Banner Image Styles ====*/
#bannerimgwrap { /*contain all index_03 banner images*/
    height:246px;
    width:963px;
}
/*#bannerimgwrap img{
    float:center;
}*/

#headercontent {
    width:963px;
	height:210px;
    text-align:center;
    background: url(images/subindex_02_events.jpg) no-repeat center;   
}

/*==== Top Horizontal Menu Styles ====*/
#menucontent {
    width:963px;
    text-align:center;
    background: #233b89 url(images/index_01.jpg) no-repeat center;   
}

	#menu{
		margin:0 auto;
		width:690px;
		height:35px;
		background:url(images/menu_bg.jpg) repeat-x center;
	}
		#menu ul{
			list-style:none;
			margin:0 0 0 10px;
			width:690px;
		}
			#menu li{
				list-style:none;
				display:block;
				float:left;
				/*height:35px;*/
				line-height:35px;
				color:#fff;
				text-transform:uppercase;
				font-size:11px;
				font-family:Verdana, Geneva, sans-serif;				
			}
				#menu li a{
					display:block;
					float:left;
					color:#a7a7a7;
					text-transform:uppercase;
					font-size:11px;
					font-family:Verdana, Geneva, sans-serif;
					font-weight:bold;
					line-height:35px;
					text-decoration:none;
					padding:0 6px 0 6px;				
				}
					#menu li a:hover{
						color:#fff;
						background:url(images/menumark.jpg) no-repeat bottom;
					}
				#menu li a.current{
					display:block;
					float:left;
					background:url(images/menumark.jpg) no-repeat bottom;
					color:#fff;
					text-transform:uppercase;
					font-family:Verdana, Geneva, sans-serif;
					font-size:11px;
					font-weight:bold;
					line-height:35px;
					text-decoration:none;
					padding:0 6px 0 0 6px;	
				}
					#menu li a:hover.current{
						color:#fff;
					}
/*=== main text styles ===*/

div#container		
{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 78%; /*size of the whole container*/
border: none;
/*padding: 1em;*/
text-align: left;
overflow:hidden; /*contain floated children*/
}
#main {
float:left;
width:470px; /*size of left column*/

}
#sidebar {
float:right;
width:240px; /*size of right column*/
}

div#containerevents		
{
clear:both;/*clear the floats in the #imgwrap div*/
margin: 0 auto;
width: 70%; /*size of the whole container*/
border: none;
/*padding: 1em;*/
text-align: left;
overflow:hidden; /*contain floated children*/
}

#mainevents {
float:left;
width:410px; /*size of left column*/

}
#sidebarevents {
float:right;
width:240px; /*size of right column*/
}

		#sidebarevents ul{
			list-style:none;
			margin:0 auto;
			width:200px;
			padding:0 0 0 20px;
		}
			#sidebarevents li{
				list-style:circle;
				height:20px;
				line-height:20px;
				color:#000;
				font-size:11px;
				font-family:Verdana, Geneva, sans-serif;				
			}


p {margin:0 5px 10px 0; 
text-align:justify;
font-family: Verdana, verdana,Times, serif;
font-size: 11px;
color:#333;
}

#container ul {}
#container li {
list-style: circle inside;	
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color:#000;
font-weight:900;
margin-bottom:8px;
}
#container li a {
list-style: circle inside;
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color:#000;
font-weight:900;
margin-bottom:8px;
}


.text { 
font-family: Verdana, verdana,Times, serif;
font-size: 11px;
color:#666;
/*word-spacing: 2pt;*/
text-align: left;
}

.title { 
font-family: Verdana, Helvetica, sans-serif;
font-size: 14px;
color:#333;
font-weight:900;
letter-spacing: -1px;
/*word-spacing: 0pt;*/
text-align: left;
}

h1 { 
	font-family: Verdana, verdana,Times, serif;
	font-size: 11px;
	font-weight:bold;
	color:#666;
	text-align: left;
	margin-bottom: 10px;
	margin-top:20px;
}

h2 {
	letter-spacing: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #006;
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
	margin-top:20px;
}

h3 {
	letter-spacing: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size:14px;
	color: #006;
	margin-bottom: 5px;
	margin-top:5px;
}
h4 {
	letter-spacing: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	border-bottom: 1px solid gray;
	font-size:12px;
	color: #fff;
	margin-bottom: 5px;
	margin-top:5px;
}

a.nav:link {text-decoration: none; /* for unvisited links */
		font-family: verdana, Times, serif; 
       	font-size: 11px;
		font-weight:900;
		color:#666}
a.nav:visited {text-decoration: none;/* for visited links */
		font-family: verdana, Times, serif; 
       	font-size: 11px;
		font-weight:900;
	   	color:#666}
a.nav:active {text-decoration: none;/* when link is clicked */
		font-family: verdana,Times, serif; 
       	font-size: 11px;
		font-weight:900;		
	   	color:#666}
a.nav:hover {text-decoration: none; color:#000;}	/* when mouse is over link */

a.navfooter:link {text-decoration: none; /* for unvisited links */
		font-family: verdana, Times, serif;
		letter-spacing: -1px;
       	font-size: 11px;
		font-weight:900;
		color:#030}
a.navfooter:visited {text-decoration: none;/* for visited links */
		font-family: verdana, Times, serif; 
		letter-spacing: -1px;
       	font-size: 11px;
		font-weight:900;
	   	color:#009}
a.navfooter:active {text-decoration: none;/* when link is clicked */
		font-family: verdana,Times, serif;
		letter-spacing: -1px;
       	font-size: 11px;
		font-weight:900;		
	   	color:#030}
a.navfooter:hover {text-decoration: none; color:#FFF}	/* when mouse is over link */

a.navmoreinfo:link {text-decoration: none; /* for unvisited links */
		font-family: verdana, Times, serif; 
       	font-size: 11px;
		font-weight:900;
		color:#000}
a.navmoreinfo:visited {text-decoration: none;/* for visited links */
		font-family: verdana, Times, serif; 
       	font-size: 11px;
		font-weight:900;
	   	color:#000}
a.navmoreinfo:active {text-decoration: none;/* when link is clicked */
		font-family: verdana,Times, serif; 
       	font-size: 112px;
		font-weight:900;		
	   	color:#000}
a.navmoreinfo:hover {text-decoration: none; color:#006;}

/* Testimonials Boxes */
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 22em; /* ems so it will grow */
	background: url(images/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(images/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: left;
}
.boxhead h2 {
	background: url(images/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 35px 5px 5px;
	color: black;
	letter-spacing: -1px;
	font-weight: bold; 
	font-size: 1.1em; 
	line-height: 1.3em;
/*	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(images/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 2px 5px 2px 2px;
}
.boxbody p{
text-align:justify;
font-family: Verdana, verdana,Times, serif;
letter-spacing: -1px;
line-height: 1.3em;
font-size: 1.0em;
color:#333;
}

/* CSS images */

.imgright {
float: right;
padding: 10px 0px 10px 10px;
}
.imgleft {
float: left;
padding: 10px 10px 0px 10px;
}

#message {
	font-family: Verdana, Geneva, sans-serif; 
    font-size: 10px;
	font-weight:900;		
	color:#900;
	text-align:right; 
	width:740px   
}

/*CSS entry forms*/
label {font-size:12px; font-weight:bold;}
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:250px; line-height:25px; margin:0 10px 2px 0; vertical-align:middle;}
dd {float:left; width:475px; line-height:25px; margin:0 0 2px 0; vertical-align:middle;}


/*#commentForm { width: 500px; }*/
#commentForm label { width: 250px; }
/*#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:250px; text-align:left;}
/**********************************

Use: cmxform template

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

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

form.cmxform label {
	display: inline-block;
	line-height: 1.2;
	vertical-align:middle;
	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: 475px;
}

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

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

Name: cmxform Styles

***********************************/
form.cmxform {
	width: 760px;
		/* tamano de las letras de la forma (labels) */
	font-size: 1em;
	/*color: #333;*/
}

	/* 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       {font-size:1em;font-weight:900;padding:5px 0 0;color:#f30;margin:0 0 0 0px;}


	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}
	a.arrowedbt {background: url(images/bt-casual-left-arrowed.png) no-repeat; padding-left: 26px; font-size:1em !important; margin-top: 0px !important; }
	a.arrowedbt:hover {color: #995e00 !important; background: url(images/bt-casual-left-arrowed-hover.png) no-repeat;}
	
/**** CSS Testimonials ***/
.testimonial {
clear:both;
width:300px;
float:left;
margin:15px 0 30px 0;
}
.testimoniallarge {
clear:both;
width:400px;
float:left;
margin:15px 0 20px 5px;
border-bottom: 1px solid gray;
}
.left-quote {
float:left;
background:url(images/quote-left.gif) no-repeat top;
width:41px;
height:31px;
}
.testi-text {
float:left;
text-align:left;
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;
width:450px;
padding-right:0px;
padding-bottom:12px;
padding-left:5px;
font-weight:bold;
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;
text-align:left;
padding:5px 0 10px 0;
}