body{
width: auto;
padding: 0;
background-color: #C8D52A;
background-image: url("imagenes/fondo.jpg");
background-repeat: repeat-x;
font-family: Arial, Helvetica;
font-size: 10pt;
color: black;
text-align: center;
}

h1{
margin: 0 0 2px 2px;
padding: 0;
font-size: 15pt;
color: #fff;
}

h1 a{
margin: 0 0 2px 2px;
padding: 0;
font-size: 15pt;
color: #fff;
}

h1 a:hover, a:hover{
color: #000;
font-weight: bold;
}

h2{
font-size: 14px;
padding: 10px 0 0 0;
color: #000;
}

h3{
	font-size: 12px;
	margin: 0px;
	padding: 2px;
}

.faq_h2{
padding: 10px 0 0 0;
border-top: 1px solid #fff;
}

a{
color: #567200;
text-decoration: none;
}

#contenedor{
margin: auto;
width: 800px;
height: auto;
}

.contenedor_globo{
	width: auto;
	height: auto;
	float: left;
	clear: none;
}

#facebook{
	width: 90px;
	height: 34px;
	margin: 220px 20px 0 0;
	float: right;
}

.facebook2{
	width: 90%;
	height: auto;
	margin: auto 0;
	padding: 3px 0;
	text-align: center;
	clear: both;
}

#lateral_izq{
width: 28px;
height: 315px;
background-image: url("imagenes/izq_int.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}

#lateral_der{
width: 31px;
height: 315px;
background-image: url("imagenes/der_int.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}


#lateral_izq_int{
width: 28px;
height: 341px;
background-image: url("imagenes/izq_int.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}

#lateral_der_int{
width: 31px;
height: 341px;
background-image: url("imagenes/der_int.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}


#contenido{
width: 741px;
height: auto;
float: left;
clear: none;
text-align: left;
}

#cabecera{
width: 741px;
height: 275px;
background-image: url("imagenes/cabecera_int.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}


#cabecera_interior{
width: 741px;
height: 275px;
background-image: url("imagenes/cabecera_int.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}

#cabecera_portugues{
width: 741px;
height: 275px;
background-image: url("imagenes/cabecera_int_por.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}

.contacto_index{
	width: 90%;
	height: 50px;
	margin: 10px;
	padding: 15px 0 0 15px;
	background-image: url("imagenes/boton.png");
	background-repeat: no-repeat;
	float: left;
	clear: both;
}

.contacto_index a{
	color: #fff;
}

.contacto_index a:hover{
	color: #FFC600;
}

.contenedor_testimonios{
	width: 100%;
	height: auto;
	clear: both;
}

.forzar_altura{
	width: 100%;
	height: 1px;
	clear: both;
}

#navegacion{
width: 604px;
height: 20px;
padding: 0 5px;
font-size: 8pt;
border-right: 1px solid #fff;
background-color: #B1CA00;
text-align: right;
float: left;
clear: none;
}

#pag_activa{
font-weight: bold;
}

#pag_activa:hover{
color: #000;
}


#idiomas{
width: 120px;
height: 20px;
background-color: #B1CA00;
text-align: center;
float: left;
clear: none;
}

#idiomas ul{
width: 120px !important;
width: 131px;
margin: 0;
padding: 0;
}

#idiomas ul li{
width: 18px;
padding: 1px;
list-style: none;
display: inline;
}

#texto{
width: 740px;
height: auto;
margin: 0;
padding: 0;
float: left;
clear: none;
}

#contenido_izq{
width: 530px;
height: auto;
float: left;
clear: none;
}

#titular{
width: 510px;
height: auto;
margin: 0;
padding: 10px;
background-image: url("imagenes/titular.jpg");
background-repeat: repeat-x;
float: left;
clear: none;
}

.bordes{
width: 250px;
height: 12px;
background-image: url("imagenes/bordes.jpg");
background-repeat: no-repeat;
float: left;
clear: both;
}

#titular2, #titular3{
margin: 3px;
width: 250px;
height: auto;
background-image: url("imagenes/tablas.jpg");
background-repeat: repeat-x;
float: left;
clear: none;
}

#titular2 ul{
margin: 0;
padding: 0 12px;

}

#titular3 ul, titulares3 ul li{
margin: 0;
padding: 0;
list-style: none;
}

.titulares_texto{
padding: 0 3px 10px 5px;
}

.titulares_texto ul li.conceptos{
margin: 0 0 8px 0;
}

.fotos_tablas{
text-align: center;
}




#contenido_der{
margin: 0;
padding: 5px;
width: 200px;
height: auto;
float: left;
clear: none;
}

#contacto{
width: 185px;
height: auto;
background-color: #FFDC00;
background-image: url("imagenes/fondo_contacto.jpg");
background-repeat: repeat-x;
float: left;
clear: none;
}

#contacto ul, contacto ul li{
margin: 0;
padding: 0 10px;
list-style: none;
}

#contacto ul li.contacto_dato{
margin: 5px 0;
padding: 3px 0 5px 0;
border-bottom: 1px solid #fff;
}

#contacto_borde{
width: 185px;
height: 10px;
background-image: url("imagenes/borde_c.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}


#contacto ul li span{
color: #BF4702;
font-weight: bold;
}

#contacto_borde2{
width: 185px;
height: 10px;
background-image: url("imagenes/borde_c2.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}




#meebo_frame{
width: 160px;
height: 250px;
}




#formulario{
width: 160px;
height: 60px;
}



#divisas{
margin: 8px 0;
padding: 0;
width: 185px;
height: 41px;
background-image: url("imagenes/divisas.jpg");
background-repeat: no-repeat;
float: left;
clear: none;
}

.divisas_texto{
padding: 0 0 0 30px;
line-height: 42px;
font-weight: bold;
}

.divisas_texto a{
color: #fff;
}

.divisas_texto a:hover{
color: #BF4702;
}

.division{
	width: 160px;
	margin: 3px 4px;
	border-right: 1px dotted #fff;
	float: left;
	clear: none;
}

.division_der{
	width: 160px;
	margin: 3px 4px;
	float: left;
	clear: none;
}

.division_noticias{
	width: 100%;
	border-bottom: 1px dotted #fff;
	float: left;
	clear: both;
	margin: 4px 0;
}

#descargas{
width: 185px;
height: auto;
background-image: url("imagenes/tablas.jpg");
background-repeat: repeat-x;
float: left;
clear: none;
}

#borde_descargas{
width: 185px;
height: 12px;
background-image: url("imagenes/borde_descarga.jpg");
background-repeat: no-repeat;
}

#descargas ul{
margin: 0;
padding: 0 5px 0 10px;
list-style: none;
}

#descargas ul li{
padding: 30px 0 0 30px;
border-bottom: 1px dashed #fff;
background-image: url("imagenes/descargas_icono.gif");
background-repeat: no-repeat;
background-position: bottom left;
}

#descargas ul li:hover{
display: block;
background-image: url("imagenes/descargas_icono_hover.gif");
background-repeat: no-repeat;
background-position: bottom left;
}

#relacionados{
width: 740px;
height: auto;
margin: 20px 0 8px 0;
padding: 0;
border-top: 1px solid white;
border-bottom: 1px solid white;
float: left;
clear: none;
}


#fotos{
width: 360px;
height: auto;
padding: 10px 5px 5px 5px;
background-image: url("imagenes/fotos.jpg");
background-repeat: repeat-x;
float: left;
clear: none;
}

#fotos ul{
width: 350px;
margin: 0;
padding: 0;
}

#fotos ul li{
list-style: none;
padding: 3px;
float: left;
clear: none;
}

#fotos ul li img, #foto_testimonio img{
opacity: .70;
border: 1px solid #ffffff;
}


#fotos ul li a:hover img, #foto_testimonio a:hover img{
opacity: 1;
}


#testimonios{
width: 360px;
height: auto;
padding: 10px 5px 10px 5px;
background-image: url("imagenes/testimonios.jpg");
background-repeat: repeat-x;
background-color: #B7C900;
float: left;
clear: none;
}

#testimonios p{
margin: 0;
padding: 0;
}

#foto_testimonio{
margin: 0 5px;
padding: 0;
float: left;
clear: none;
}

.firma_testimonio{
font-size: 12pt;
font-weight: bold;
}


#pie{
width: 730px;
height: auto;
padding: 5px;
font-size: 8pt;
text-align: center;
float: left;
clear: none;
}

.leer{
width: 95%;
padding: 5px 0 0 0;
border-top: 1px dashed #ffffff;
text-align: right;
}

#enviar{
background-color: #FFDC00;
}

#clima{
width: 148px;
height: 89px;
position: relative;
top: 5px;
left: 20px;
z-index: 50;
}

#clima_banner{
width: 148px;
height: 89px;
}

#clima_int{
width: 90px;
height: 89px;
position: relative;
top: 170px;
left: 570px;
z-index: 50;
}


.validacion, .validacion img a{
margin: 0 5px;
float: left;
clear: none;
text-decoration: none;
}


.tituloItem{
cursor: pointer;
}

.tituloItem:hover{
font-weight: bold;
color: #000;
}

#item_1 ul, #item_2 ul, #item_3 ul, #item_4 ul, #item_5 ul{
margin: 0;
padding: 0 0 0 15px;
}

#item_1 ul li, #item_2 ul li, #item_3 ul li, #item_4 ul li, #item_5 ul li{
padding: 5px 0 0 0;
border-bottom: 1px solid #98C000;
}

#item_1 ul li a:hover, #item_2 ul li a:hover, #item_3 ul li a:hover, #item_4 ul li a:hover, #item_5 ul li a:hover{
padding: 3px 0 3px 5px;
display: block;
background-color: #9AC101;
color: #fff;
}


#listaEmpresas{
padding: 0 0 5px 15px;
border-bottom: 1px solid #fff;
}

#item_1, #item_2, #item_3, #item_4, #item_5{
display: none;
padding: 5px 0;
}

.tablas{
margin: 10px 0;
border: 1px solid #fff;
border-spacing: 2px;
text-align: center;
}

.tablas tr th{
width: auto;
height: auto;
padding: 10px;
border: 1px solid #fff;
}

.tablas tr td{
width: auto;
height: auto;
padding: 5px;
border: 1px solid #fff;
}

.tabla_cab, .tabla_cab tr{
color: #fff;
background-color: #9AC001;
}





.testimonios_div{
	width: 240px;
	height: auto;
	padding: 15px 5px 5px 5px;
	margin: 10px 0;
	border-top: 1px dashed #fff;
	float: left;
	clear: none;
}

.testimonio_fotos{
width: 83px;
height: 96px;
padding: 65px 0 0 0;
float: left;
clear: none;
}

.testimonio_fotos img{
border: 1px solid #fff;
}

.testimonio_texto{
	width: 130px !important;
	width: 140px;
	height: auto;
	margin: 0 5px;
	padding: 5px;
	font-size: 10px;
	background-color: #fff;
	background-image: url("imagenes/globo_arriba.jpg");
	background-repeat: no-repeat;
	float: right;
	clear: none;
}


.globo_abajo{
	width: 140px;
	height: 24px;
	margin: 0 5px;
	background-image: url("imagenes/globo_abajo.jpg");
	background-repeat: no-repeat;
	float: right;
	clear: none;
}


.firma{
font-weight: bold;
font-size: 11px;
}


.fotos_galerias{
width: 90px;
height: auto;
margin: 3px;
background-color: #000;
border: 1px solid #fff;
float: left;
clear: none;
}

.fotos_galerias img{
border: 0;
}

.fotos_galerias img:hover{
opacity: .70;
}


.seccion{
width: 100%;
margin: 10px 0;
padding: 0 0 0 10px !important;
padding: 0 0 0 0;
background-image: url("imagenes/titular.jpg");
background-repeat: repeat-x;
border-top: 1px solid #fff;
float: left;
clear: none;
}

.seccion a{
border: 1px solid #fff;
}

.seccion h2{
margin: 0 0 0 5px;
}


#aviso{
width: 90%;
height: auto;
margin: 5px;
padding: 10px 10px 10px 85px;
background-color: #FBC500;
background-image: url("imagenes/aviso.gif");
background-repeat: no-repeat;
background-position: top left;
border: 1px solid #EE7900;
float: left;
clear: none;
}

.lista_fotos ul{
margin: 10px 0 0 0;
padding: 0;
}

.lista_fotos ul li{
width: 90px;
height: auto;
margin: 2px;
padding: 3px;
background-color: #ccc;
list-style: none;
float: left;
clear: none;
}



.formulario{
width: 98%;
float: left;
clear: both;
}

.formulario_2{
width: 98%;
background-color: #9DC202;
float: left;
clear: both;
}


.formulario_texto{
width: 100px;
margin: 2px;
padding: 2px;
text-align: right;
float: left;
clear: none;
}


.formulario_input{
width: 300px;
display: block;
margin: 2px;
float: left;
clear: none;
}


input{
padding: 2px;
background-color: #E6EE7F;
border: 1px solid #A6B400;
}


input:focus{
border: 2px;
background-color: #fff;
border: 1px solid #A6B400;
}

fieldset{
	margin: 10px 0;
	clear: both;
}

legend{
margin: 5px 0 10px 0;
font-weight: bold;
}

.formulario .nivel, .formulario_2 .nivel{
width: auto;
padding: 0 5px 0 10px;
}

.formulario .nivel_alineado, .formulario_2 .nivel_alineado{
width: auto;
margin: 2px 0 0 130px;
padding: 0 5px 0 10px;
float: left;
clear: both;
}

.formulario .radio_texto, .formulario_2 .radio_texto{
margin: 2px;
padding: 0 0 0 0;
text-align: left;
}


.alineado{
width: 250px;
height: auto;
float: left;
clear: none;
}


.mapa_sitio{
width: 150px;
height: auto;
margin: 5px;
padding: 0 5px;
background-color: #fff;
float: left;
clear: none;
}

.mapa_sitio ul{
padding: 0 0 0 5px;
list-style: none;
}


.mapa_separacion{
float: left;
clear: none;
border-bottom: 1px solid #fff;
}

.parrafo{
	margin: 0;
}

#campo_msn{
width: 100px;
height: 100px;
background-color: #fff;
}


.chat{
font-size: 8pt;
}

.error_404{
width: 98%;
height: auto;
margin: 5px 0;
padding: 3px;
background: #90b600;
border-bottom: 1px solid #7d8f00;
border-top: 1px solid #7d8f00;
font-size: 9pt;
}

.error_404 h2{
margin: 0;
padding: 0;
font-size: 11px;
color: #FFF;
text-decoration: none;
}

.error_404 p{
margin: 1px 0 0 0;
font-size: 10px;
}

#visita_fotos{
width: 60%;
height: 18px;
padding: 2px 2px 2px 50px;
background-color:#000000;
color: #FFFFFF;
border: 1px solid #CCC;
font-size: 9pt;
display:block;
float:left;
clear:both;
}








#funciona{
width: 741px;
float: left;
clear: none;
}



#menu_principal {
	width:741px;
	margin: 0;
	padding: 0;
	height: 41px;
	padding:0px;
	text-align:left;
	z-index: 2;
	}

.menu{
padding:0; 
margin:0;
list-style:none; 
height:41px;
background-image: url("imagenes/fondo_menu.jpg");
background-repeat: repeat-x;
}

.menu li.menu_titulo{
display:block;
margin: 0;
padding: 0;
list-style:none;
float:left; 
position:relative;}

.menu li a.menu_vinculo{
display:block; float:left;  list-style: none; height:41px; margin:0px; line-height:38px; color:#E5E5E5; 
text-decoration:none; font-size:11px; font-weight:bold; padding:0px; cursor:pointer;}

.menu li a span {float:left; display:block; width: auto; margin: 0; height:41px; padding:0 5px !important; padding:0 1px;}

.menu li a:hover {
width: auto;
margin: 0;
padding: 0 0 0 5px;
background-image: url("imagenes/fondo_menu_hover.jpg"); 
background-repeat: repeat-x;}

.menu li:hover > a {
width: auto;
margin: 0;
padding: 0 0 0 5px;
background-image: url("imagenes/fondo_menu_hover.jpg"); 
background-repeat: repeat-x;}

.menu ul
 {position:absolute; left:0; top:-5000px; width:0; height:0; margin:0; 
padding:0; list-style:none;}

.menu :hover ul.sub_menu {left:0px; top:34px; background-color: #4D4C48; padding:0; width:auto; height:auto; font-weight:normal;}
.menu :hover ul.sub_menu li {display:block; position:relative; float:left; clear: none; width:140px; border-bottom:1px solid #8F8F8F; 
border-left:1px solid #8F8F8F; border-right:1px solid #8F8F8F; margin-bottom:0;}
.menu :hover ul.sub_menu li a {display:block; height:auto; font-size:11px; padding:4px 3px; line-height:1; color:#ccc; 
text-decoration:none;}
.menu :hover ul.sub_menu li a:hover {background:#2F2E33; color:#fff;}


/* Inicia CSS de jquery */

.loading {
	left: 25px;
	position: absolute;
	top: 30px;
}

#slide_holder {
	height: 150px;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 150px;
	/* -- width: 1533px; */
z-index: 1000;
}
#slide_holder_inner {
height: 238px;
left: 7px;
overflow: hidden;
position: absolute;
top: 8px;
width: 511px;
z-index: 2000;
}

#intro, .intro {
position: absolute;
z-index: 9000;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: absolute;
}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls {
background-image: url(http://www.miila.ca/images/bg_controls.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 30px;
width: 511px;
z-index: 4000;
}

/*-- for slide buttons --*/

#slide_buttons li:hover, #pause_button, .prev_button, .next_button, #hover_next_button, #hover_prev_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 5000;
}
#carousel_controls #button_selected, #carousel_controls .prev_button_disabled, #carousel_controls  .next_button_disabled, #carousel_controls  .first_button_diabled, #carousel_controls  .last_button_disabled {
cursor: auto;
}
#slide_buttons li span, #pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}
#slide_buttons li, #pause_button, .prev_button, .next_button, #first_button, #last_button, #water_mark {
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}
ul#slide_buttons {
padding: 15px 7px 15px 15px;
position: absolute;
left: 250px;
top: -7px;
z-index: 5000;
}
ul#slide_buttons li {
background-image: url(http://www.miila.ca/images/button.png);
display: block;
float: left;
height: 9px;
list-style: none;
margin: 0 0 0 3px;
padding: 2px;
width: 10px;
}
ul#slide_buttons li:hover {
}
ul#slide_buttons li#button_selected {
background-image: url(http://www.miila.ca/images/button_selected.png);
}
ul#slide_buttons li#button_selected:hover {
}
/*-- first & last buttons --*/

#first_button {
background-image: url(http://www.miila.ca/images/first.png);
height: 29px;
left: 354px;
width: 34px;
background-position: 0 -36px;
}
#first_button:hover {
background-position: 0 0;
}
#last_button {
background-image: url(http://www.miila.ca/images/last.png);
height: 29px;
left: 474px;
width: 34px;
background-position: 0 -36px;
}
#last_button:hover {
background-position: 0 0;
}

/*-- end first & last buttons --*/

/*-- next & prev buttons --*/
#nex_prev_buttons {
position: absolute;
left: 0;
z-index: 5000;
}
#next_button {
background-image: url(http://www.miila.ca/images/next.png);
background-position: 0 -36px;
height: 29px;
left: 443px;
width: 31px;
}
#next_button:hover {
background-position: 0 0;
}
#prev_button {
background-image: url(http://www.miila.ca/images/prev.png);
background-position: 0 -36px;
height: 29px;
left: 388px;
width: 31px;
}
#prev_button:hover {
background-position: 0 0;
}
/*-- end next & prev buttons --*/


/*-- looks like pause button --*/
.pause_button {
background-image: url(http://www.miila.ca/images/pause.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.pause_button:hover {
background-position: 0 0;
}
/*-- looks like play button --*/
.paused_button {
background-image: url(http://www.miila.ca/images/play.png);
background-position: 0 -36px;
height: 29px;
left: 419px;
width: 24px;
}
.paused_button:hover {
background-position: 0 0;
}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {
height: 125px;
background-repeat: no-repeat;
display: none;
overflow: hidden;
width: 77px;
top: 35px;
z-index: 6000;
}
#hover_next_button span {
}
#hover_next_button {
background-image: url(http://www.miila.ca/images/hover_next.png);
background-position: 21px 35px;
padding: 30px 0 30px 30px;
right: 0;
}
#hover_prev_button {
background-image: url(http://www.miila.ca/images/hover_prev.png);
background-position: 8px 35px;
padding: 30px 30px 30px 0;
left: 0;
}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
color: #333;
left: 8px;
overflow: visible;
top: 5px;
z-index: 6000;
}
#slide_captions span {
font-family: Tahoma;
font-size: 15px;
height: 20px;
line-height: 20px;
overflow: visible;
}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/

#water_mark {
background-image: url(http://www.miila.ca/images/water_mark.png);
height: 30px;
left: 202px;
width: 246px;
top: 208px;
z-index: 6000;
}

#water_mark span {
}

/*-- end rules for slide captions --*/

/*-- slide number display --*/

#slide_number_display {
background-image: url(http://www.miila.ca/images/bg_swatch.png);
background-position: 0 0;
background-repeat: no-repeat;
color: #333;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
height: 23px;
padding: 4px;
right: 7px;
text-align: center;
top: 208px;
width: 37px;
z-index: 5000;
}

/*-- for carousel view --*/

#row_of_slides {
position: absolute;
top: 0;
}
#row_of_slides .slide {
display: none;
position: absolute;
}
				
/*-- end for carousel view --*/				

/*-- end number display --*/

/*-- end required & default rules --*/

/*-- example rules --*/
#slide_holder {
	margin: 0;
	padding: 0;
}

/*  Inicia CSS, page */
#slide_holder {
	margin: 0;
}

 pre {font-family: 'Courier New'; font-size: 11px; line-height: 12px; text-align: left; width: 510px; overflow-x: scroll; overflow-y: hidden; border: 1px solid #d7d7d7; color: #ccc; background-color: #666; margin: 30px 0 0 0;}
 
 .sub {
 color: #fff;
 font-weight: bold;
 padding-bottom: 10px;
 margin-bottom: 30px;
 border-bottom: 1px solid #E2E2E2;
 }
 
.example_head {
 color: #fff;
 font-weight: bold;
 padding-top: 10px;
 margin-top: 30px;
 border-top: 1px solid #E2E2E2;
 }


/*-- end general styles for page --*/