a.nivel1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: 
#000033; text-decoration: none; font-weight: bold} a.nivel1:hover { font-family: 
Arial, Helvetica, sans-serif; font-size: 11px; color: #3300FF; text-decoration: 
none; font-weight: bold} a.nivel2 { font-family: Arial, Helvetica, sans-serif; 
font-size: 11px; color: #FF9900; text-decoration: none; font-weight: bold} a.nivel2:hover 
{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFF00; 
text-decoration: none; font-weight: bold} a.nivel3 { font-family: Arial, Helvetica, 
sans-serif; font-size: 12px; color: #0033FF; text-decoration: none; font-weight: 
bold} a.nivel3:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
color: #ff9900; text-decoration: none; font-weight: bold} a.nivel4 { font-family: 
Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; text-decoration: 
none; font-weight: bold} a.nivel4:hover { font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; color: #ff9900; text-decoration: none; font-weight: bold}

body {
background-color:#FFFFFF;
}


.contenido {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-align:justify;
	padding:10px;

}


.contenido a {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#b06028;
	text-decoration:none;
}

.contenido a:hover {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#053468;
	text-decoration:underline;
}


.text_cierre {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
}


.text_cierre a {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}

.text_cierre a:hover {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#0239b0;
	text-align:center;
	text-decoration:underline;
	font-weight:bold;
}



.title_cierre {
	font:20px Verdana, Arial, Helvetica, sans-serif;
	color:#0239b0;
	text-align:center;
	padding:6px;
}


.contenido_t {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-align:justify;
	padding:5px;
}


.contenido_t a {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#b06028;
	text-decoration:none;
	text-align:right;
}

.contenido_t a:hover {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#053468;
	text-decoration:underline;
	text-align:right;

}

.contenido4 {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:black;
	text-align:justify;
	padding:8px;
}


.foto_left {
	float:left;
}


.foto_left2 {
	float:left;
	padding-right:10px;
	border:0px;
}


.foto_rigth2 {
	float:right;
	padding-left:10px;
	border:0px;
}

h1 {
	color:#b06028;
	font:15px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	padding-left:0px;
}
h2 {
	color:#f7b64e;
	font:18px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	text-align:center;
}
h3 {
	color:#f7b64e;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:5px;
	text-align:justify;
}


.tilu {
	color:#f7b64e;
	font:17px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	font-weight:bold;
}

.contenido_form {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-align:justify;
	padding:5px;
}

.form {
background-color:#dcebf4;
}

.titulo {
	font:22px Verdana, Arial, Helvetica, sans-serif;
	color:#f2b309;
	font-weight:bolder;
	text-align:center;
}

.contenido_white {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:white;
	text-align:justify;
	padding:5px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 308px; /*Width of Carousel Viewer itself*/
height: 214px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width:2000px;
	height: 214px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 308px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#botones_slide{
	width:308px;
	background-color: #926455;
	float:left;
}
#boton_adelante{
border:0;
float:right;
margin-right:5px;
width:40px;
height:21px;

}
#boton_atras{
border:0;
float:left;
margin-left:5px;
width:40px;
height:21px;
}


* {
	margin:0;
	padding:0;
	list-style:none;
	color: #FF9900;
}


.titulosh {
	color:#FFCC00;
	font:18px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-weight:bold;
	padding:5px;
}

#basic-accordian{
	border:2px solid #EEE;
	padding:3px;
	width:540px;
	margin-top:10px;
}

.accordion_headings{
	padding:4px;
	background:#b06028;
	color:#FFFFFF;
	border:1px solid #FFF;
	cursor:pointer;
	font-weight:bold;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}




.accordion_headings:hover{
	background:#f7b64e;
}

.accordion_child{
	padding:8px;
	background:#EEE;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
}

.accordion_child a {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#004f8a;
	text-decoration:none;
}

.accordion_child a:hover {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#333333;
	text-decoration:underline;
}

.header_highlight{
	background:#f7b64e;
}



.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font:12px Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 1px;
color:#FFFFFF;
background:#e29c06 url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #FFFFFF;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #FFFFFF;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background:#033b90 url(shade.gif) top left repeat-x;
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
border: 1px solid #FFFFFF;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */









.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border: 1px solid #d2c5b0;
width: 190px; /*width of featured content slider*/
height:275px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color: black;
text-align:justify;
margin-left:3px;
}



.sliderwrapper a{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 190px; /*width of featured content slider*/
height:220px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color: black;
text-align:justify;
text-decoration:none;
font-weight:bold;
}


.sliderwrapper a:hover {
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 190px; /*width of featured content slider*/
height:220px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color: ;
text-align:justify;
text-decoration:underline;
font-weight:bold;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
background: white;
padding-right:6px;
padding-left:6px;
width: 178px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */

}

.pagination{
width: 192px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: center;
background-color: #7898d0;
margin-left:3px;

}

.pagination a{
padding: 0 18px;
text-decoration: none; 
color: white;
background: #7898d0;
font:11px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
}

.pagination a:hover, .pagination a.selected{
color: white;
background-color: #ffcc99;
}