/*NOTES:
-Nifty corners won't work in Opera if the div background-color is set with text (ie 'white')
-White body's width is 920px, but with the 20+20 padding, we get the 960px divine proportion
-Remember that the first child in the list is the last written item in it on the HTML file
-The * works only for the IE browsers
-IE can't recognize de first-child property, so that's why I used that extra class in idioma.
*/

/*GENERAL*/
* { margin: 0; padding: 0;}
body,html { /*background-color:#0c263f;*/ text-align:center;font-family: Gill Sans, Verdana; font-size: 14px; background-image:url('../img/bg_glow.png'); repeat-y;}
a { text-decoration:none; font-size:100%;}

a:hover { text-decoration:none;}
ol, ul { list-style: none; }

/*CLASS*/
.menu { list-style-type: none; list-style-position:outside; position: relative; margin: 0; padding: 0;}
.menu li { display: block; overflow: hidden; padding: 0; cursor: pointer; float: left; width: 184px; height: 40px;margin-right: 0px; background-image:url('../img/menu.png'); background-repeat:no-repeat;}
.menu a { display:block; height:40px; text-indent:-9999px; outline:none;}
.headline_big {  font-family: Gill Sans, Verdana;margin: 0;font-size: 20px;line-height: 75%;letter-spacing: 1px; font-variant: small-caps; color:#256998;}
.headline_small { font-family: Gill Sans, Verdana;font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;font-weight: bold;padding: 5px 0px 0px 2px; }
.texto { color:#666; font-family: Gill Sans, Verdana; margin-top:15px;font-size: 14px;font-weight: normal; padding: 0px 5px 0px 3px; text-align:justify;}
.texto_2 { color:#666; font-family: Gill Sans, Verdana; margin-top:15px;font-size: 14px;font-weight: normal; padding: 0px 360px 0px 3px; text-align:justify;}
.azul { color:#256998;}
.naranja { color: #FF670F;}
.verde { color:#84c225;}
.desc { margin-left:35px; margin-right:35px; margin-bottom:25px; }
.desc_2 { margin-left:35px; margin-right:35px; margin-bottom:25px;background-image:url(../img/walking.jpg);background-repeat:no-repeat;background-position: right 0px;}
.check { list-style:url(../img/accept.png); color: #FF670F; }
.list { margin-left:23px; margin-top:15px; font-family: Gill Sans, Verdana; font-size: 14px;font-weight: normal;}
.footer { font-family: Gill Sans, Verdana; text-align:left; letter-spacing: -0.5px; border-right: 1.5px solid #ccc;}
.big_text_slide { height:40px; border-right: 1px solid #ccc; font-size:28px; letter-spacing: -0.5px; padding-right:10px;} 
.blue { background-color:#256998;}
.orange {  background-color:#FF670F;}
.green { background-color: #84c225;}
.content { padding:20px 10px 10px 10px; height:400px; text-align:justify;}
.container { width:920px; text-align:center;}
.link { color: #FF670F;}
.label { font-size: 80%; width: 60px; float:left; /*border: solid 1px black;*/ text-align:left; margin-top:3px;}
.label-2 { font-size: 80%; width: 50px; text-align:left; margin-top:3px;}
.no-top-margin { margin-top:0;}
.text-left { text-align:left;}
.text-small { font-size:60%}
.text-big { font-size:16px;}
.news-list { margin-top:10px;}
.news-headline { margin: 30px 0 0 5px; color:#256998; font-size:23px; text-align:left;}
.news-date { font-size: 14px; color:#FF670F; margin: 0 0 0 6px;}
.news-texto { color:#666;font-family: Gill Sans, Verdana; margin-top:15px; font-size: 16px; padding: 0 5px 0 5px; text-align:left;}
.news-fuente { margin: 15px 0 0 5px; color:#84c225; font-size:15px; text-align:left;}
.link-pdf { background:url(../img/pdf.png) center left no-repeat; padding-left:20px; height:16px;}
.fix { padding-left:3px; }
.centrado { text-align:center; }
.list-no-style { list-style-type: none; background:none;}


/*HEADER*/
#logo { width:290px; height:110px; background-image:url('../img/intervisas_web.png'); margin:10px 0 20px 0;}

/*mini menu*/
#mini_menu { float:right; clear:right; margin: -42px 5px 0 0; z-index:200; width:auto; padding:0; }
#mini_menu li { float: right; padding-right: 0.5em; border-right: 1px solid #ccc;}
#mini_menu li:first-child {  padding-right: 0; border-right:none; background-image:url(../img/map_blue.png);background-repeat:no-repeat; padding:0px 0px 8px 45px;}
#mini_menu li:first-child:hover { background-image:url(../img/map_black.png);background-repeat:no-repeat; padding:0 0 8px 45px;}
#mini_menu li.invit { padding-right: 35px; border-right:none;}
#mini_menu a { padding-left: 1em; color:#84c225; font-weight:600;font-size:13px;}
#mini_menu a:hover { text-decoration:none; color:#446F00; font-weight:600; font-size:13px;}
#invitar a { padding-right:0; border-right:none;}
#mini_menu li.idioma { *padding-right: 0; *border-right:none; *background-image:url(../img/map_blue.png); *background-repeat:no-repeat; *padding:0px 0px 8px 45px;} //Solo para IE
#mini_menu li.idioma:hover { *background-image:url(../img/map_black.png); *background-repeat:no-repeat; } //Solo para IE


/*menu*/
#inicio { background-position: 0px 0px;}
#inicio a { background-image:url(../img/borders.png);background-repeat:no-repeat;background-position: left 0px;}/*esquina*/
#inicio.c-border a { background-image:url(../img/borders-3.png);background-repeat:no-repeat;background-position: left 0px;}/*esquina*/
#inicio a:hover { background-position: left -80px;}
#servicios { background-position: -259px 0px;}
#contacto { background-position: -518px 0px;}
#mi_intervisas { background-position: -777px 0px;}
#ayuda { background-position: -1036px 0px;}
#ayuda a { background-image:url(../img/borders.png);background-repeat:no-repeat;background-position: right -40px;}/*esquina*/
#ayuda.c-border a { background-image:url(../img/borders-3.png);background-repeat:no-repeat;background-position: right -40px;}/*esquina*/
#ayuda a:hover { background-position: right -120px;}
/*hover*/
#inicio.active, #inicio:hover { background-position: 0px bottom;}
#servicios.active, #servicios:hover { background-position: -259px bottom;}
#contacto.active, #contacto:hover { background-position: -518px bottom;}
#mi_intervisas.active, #mi_intervisas:hover { background-position: -777px bottom;}
#ayuda.active, #ayuda:hover { background-position: -1036px bottom;}



/*BODY*/
#white_body { width:920px;*width:940px; background-color:#FFF; margin: 20px auto 0px auto; padding:10px 20px 20px 20px; *padding:10px 20px 0 20px; text-align:left;}
#white_body .sb-inner { background:#FFF; }/*Necesario para las round corners*/
#slideshow_container { background-color:#FFF; margin:3px 0px; height:400px; width:919px; padding:0px; color:#fff; overflow:hidden;}

/*slideshow*/
#slideshow { position:relative; height:400px;width:700px;background-color:black; float:left;}
#slideshow DIV { position:absolute; top:0; left:0; z-index:10; opacity:0.0; height: 400px; background-color:#fff;}
#slideshow DIV.active { z-index:12; opacity:1.0;}
#slideshow DIV.last-active { z-index:11;}
#slideshow DIV IMG { height: 400px; display: block; border: 0; margin-bottom: 10px;}

/*info*/
#information_box { position:relative; height:45px;*height: 50px; width:920px; background-color:black; text-align:left; color:#ffa500;font-family: Gill Sans, Verdana;}
#information_box DIV { position:absolute; top:0; left:0; z-index:10; opacity:0.0; height: 35px; width:900px;background-color:black; text-align:left; padding:10px 0px 0px 10px;}
#information_box DIV.active { z-index:12; opacity:1.0;}
#information_box DIV.last-active { z-index:11;}
#information_box_bottom, #information_box_bottom .sb-inner { background-color:#000; width:920px; }

/*searchbox*/
#search_box{ width:216px; *width:216px; height:400px; *height:400px; float:right; }
#search_box ul.tabs { margin:0px; padding:0px;}
#search_box ul.tabs li { list-style:none; display: inline; }
#search_box ul.tabs li a { color:#fff; padding:8px 11px 8px 11px; font-size:10px; font-weight:bold; text-transform:uppercase; }//tab head
#search_box ul.tabs li a:hover { color:#333;}
#content_2, #content_3 { display:none;}/*Aqui se configura cual tab se muestra*/
#content_1, #content_2, #content_3 { font-family: Gill Sans, Verdana; text-align:left; font-size:14px;}

/*top 10*/
#top10-list {margin-top:15px;}
#top10-list a { font-size:14px; font-weight:normal; line-height:2; letter-spacing:2px; color:#fff;}
#brasil_small { background:url(../img/brasil-small.png) center left no-repeat; padding-left:22px; }
#china_small { background:url(../img/china-small.png) center left no-repeat; padding-left:22px; }
#rusia_small { background:url(../img/rusia-small.png) center left no-repeat; padding-left:22px; }
#turquia_small { background:url(../img/turquia-small.png) center left no-repeat; padding-left:22px; }
#egipto_small { background:url(../img/egipto-small.png) center left no-repeat; padding-left:22px; }
#tailandia_small { background:url(../img/tailandia-small.png) center left no-repeat; padding-left:22px; }
#australia_small { background:url(../img/australia-small.png) center left no-repeat; padding-left:22px; }
#india_small { background:url(../img/india-small.png) center left no-repeat; padding-left:22px; }
#indonesia_small { background:url(../img/indonesia-small.png) center left no-repeat; padding-left:22px; }
#vietnam_small { background:url(../img/vietnam-small.png) center left no-repeat; padding-left:22px; }
#sudafrica_small { background:url(../img/sudafrica-small.png) center left no-repeat; padding-left:22px; }

/*noticias*/
#news_list li { background:url(../img/news.png) center left no-repeat; padding-left:22px;}
#news_list a { color:#fff; }
#news_list a:hover { color:#777; text-decoration:underline;}


/*fielset contacto*/
#contact_form { width:540px; margin: 20px auto 0 auto; color:#666;  text-align:left; /*border:solid 1px black;*/}
#cf_col_1 { width:250px; margin-right:10px; }
#cf_col_1 input, #cf_col_1 textarea  { width:180px;}
#cf_col_1  textarea { height:70px;}
#cf_data_1, #cf_data_2, #cf_data_3 { padding:0 0 20px 0;}
#cf_col_2 { float:right; width:280px;/*border-left: outset 1px #777;*/ padding-left:5px;}
#contact_button { text-align:right; padding:10px 5px 0 0;}
#contact_button input{ width:auto;}

/*Text*/

#wrap { margin: 25px 0 0 auto; overflow:hidden; width:920px;}
#advantajes_1 { padding-left:65px; margin-bottom:60px; background-image:url(../img/pow.png);background-repeat:no-repeat; width:360px;*width:425px;}
#list { margin-left:23px; margin-top:15px; font-family: Gill Sans, Verdana; font-size: 14px;font-weight: normal;}
#advantajes_2 { padding-left:65px; background-image:url(../img/black_world.png);background-repeat:no-repeat; width:360px;*width:425px;  position:absolute; top:0px; right: 0px; float:right;}

/*Paises*/

#paises_header { width:100%; height:118px; }
#bandera { width:128px; height:128px; float:left}
#nombre_pais { float:left; padding:35px 0 0 20px; font-size:55px; letter-spacing: 2px; }
#paises_stats { width:100%; height:100%; padding: 0 0 10px 3px;  }
#stats_1 { width:50%; float:left; padding-right:6px;}
#paises_requerimientos { width:99%;  padding: 15px 0 0 3px; }
#lista_requisitos, sublista_requisitos { list-style-type: none; padding-left: 0; margin-left:0; text-align:justify;}
#lista_requisitos li { background: url(../img/asterisco.png) left top no-repeat; padding-left:16px; margin-bottom: 10px; }
#sublista_requisitos li { background:none; padding-left:36px; margin-bottom: 10px; }
#estudiante { background: url(../img/estudiante.png) left center no-repeat; padding: 0 8px 0 0;}
#negocios { background: url(../img/negocios.png) left center no-repeat; }
#turista { background: url(../img/turista.png) left center no-repeat; }



/*FOOTER*/
#footer { width:920px;*width:960px; height:150px; *height:220px; margin: 0 auto 0 auto; overflow:hidden; padding: 60px 20px 10px 20px; text-align:center; }
#footer .sb-inner { background:#d4d4d4 url(../img/grad_6.png) repeat-x;}
#facebook { width:130px; *width:205px; height:70px; background-image:url(../img/facebook.png);background-repeat:no-repeat; padding: 15px 10px 0px 65px; font-size: 18px;font-weight: bold; line-height: 75%; margin-bottom:30px; *margin-bottom:40px; margin-left:50px;*margin-left:30px;}
#facebook a { color:#256998; font-size:80%;}
#facebook a:hover { color:#6D8CC9;}
#stats { width:200px; *width:205px; height:80px;*height:70px; padding: 10px 0px 0px 0px; text-align:center; font-size: 14px; float:right;}
#stats h5{ text-align:center; color:#777; padding-bottom:10px; font-size: 16px}
#browsers {  width:255px; height:auto; padding: 10px 10px 0px 10px; text-align:center;float:right;}
#browsers h5 { color:#777; padding-bottom:10px; font-size: 16px} 
#dev {  width:150px; height:80px;*height:70px; padding: 10px 35px 0px 10px;*padding: 10px 0px 0px 20px; text-align:center; font-size: 15px; float:right; border-right:0; *margin-right:35px;}
#dev a { color:#84c225;}
#copyright {  color:#777; font-size: 10px;}