@charset "utf-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0; padding:0; border:0; font-size: 100%; vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display: block;
}
body{ line-height: 1; }
ol, ul{ list-style: none; }
blockquote, q{ quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{ content: ''; content: none;}
table{ border-collapse: collapse; border-spacing: 0; }


/* BODY
-------------------- */
body{
	position:relative;
	font-family: Helvetica, Verdana, Arial, sans-serif; font-size:13px; line-height:16px; position:relative; color:#333;
	background:url(img/bg_header.jpg) no-repeat center -15px #fff;
}

a, a:link, a:visited{ color:#06C; text-decoration:none;}
a:hover, a:active, a:focus{ text-decoration:underline;}

#all{ width:100%; background:url(img/bg_slider-mask.png) no-repeat center 82px transparent; width: -10px; }
#wrap{
	width:1000px; margin:0 auto; padding:0px; position:relative; clear:both; overflow:hidden; z-index:1; clear:both;
	
}

#content, #bottom, #footer{ position:relative; clear:both; z-index:5;}
#header{ height:135px; position:relative; clear:both; z-index:30}
#content{ height:390px;}
#bottom{ margin:-420px 0 0 0; overflow:hidden; z-index:4; }
#footer{ height:25px; margin:10px 0;}

#logo_iess{
	width:285px; height:98px; display:block; text-indent:-9999px; text-align:left; position:absolute; top:15px; left:130px;
	background:url(img/logo_iess.png) no-repeat 0 0 transparent; z-index:5;
}

#logo_transparencia{
	width:900px; height:44px;  text-align:left; position:absolute; top:0px; right:0px;left:200px;  z-index:10;
	border:0px solid #000; padding:0px 0px 0px 18px;
	}
	
	
#icono_emergenia{
	width:500px; height:48px;  text-align:left; position:absolute; top:0px; right:-30px; 
	
	}	
	
#icono_emergenia a{
	font-weight:normal; text-align:right; color:#696969; font-size:11px;
	}	
	
	
#icono_emergenia_insumos{
	width:200px; height:48px;  text-align:left; position:absolute; top:5px; right:70px; 
	
	}	
	
#icono_emergenia_insumos a{
	font-weight:normal; text-align:right; color:#696969; font-size:11px;
	}		
	
	
	
#logo_transparencia a{
	font-weight:normal; text-align:right; color:#696969; font-size:11px;
	}	


#logo_ecuador{
	width:136px; height:48px; display:block; text-indent:-9999px; text-align:left; position:absolute; top:-8px; left:40px;
	background:url(img/logo_ecuador.jpg) no-repeat 0 0 transparent; z-index:0
}



#menu_main{ height:515px; clear:both; overflow:hidden; border:0px solid #000;}
#menu_main .level0{
	color:#888; font-size:11px; line-height:14px; position:absolute; left:25px; bottom:0; 
  border:0px solid #000;

}
#menu_main .level0 span{
	min-height:26px; display:block; color:#636466; font-weight:normal; font-size:25px; line-height:20px;
	font-family:"Trebuchet MS",Times,serif;
	padding:0 0 0 33px; margin:12px 0 6px -33px; background:no-repeat 0 0 transparent;
}

#menu_main .level0 li{
	
	width:165px; height:130px; display:block; float:left; padding:0 10px 0 10px; margin:0 5px; position:relative;
	background:url(img/bg_menu-ml0_li.jpg) no-repeat 0 0 transparent;
    border:0px solid #000;
    
}

#menu_main .icon_1, #menu_main .icon_2, #menu_main .icon_3, #menu_main .icon_4, #menu_main .icon_5{
	width:26px; height:26px; display:block; left:0px; top:0; position:absolute;
	background:url(img/ico_menu-m_afil.png) no-repeat top left transparent;
}

#menu_main .level0 .item-1 span{ background-image:url(img/ico_menu-m_afil.png); background-position:33px 0px; padding:0px 0px 0px 60px; font-size:18px;}
#menu_main .level0 .item-2 span{ background-image:url(img/ico_menu-m_emp.png); background-position:33px 0px; padding:0px 0px 0px 60px; font-size:18px;}
#menu_main .level0 .item-3 span{ background-image:url(img/ico_menu-m_pens.png); background-position:33px 0px; padding:0px 0px 0px 60px; font-size:18px;}
#menu_main .level0 .item-4 span{ background-image:url(img/ico_afliacion_ecuador.png); background-position:22px 0px; padding:0px 0px 0px 45px; font-size:17px;letter-spacing: -1.4px;}
/*
#menu_main .level0 .item-5 span{ background-image:url(img/ico_afiliacion_extranjero.png); background-position:33px 0px; padding:0px 0px 0px 60px; font-size:18px;}

*/

#menu_main .level0 .item-5 span{ background-image:url(img/ico_ama_casa.png); background-position:25px 0px; padding:0px 0px 0px 50px; font-size:17px; letter-spacing: -1.3px;}



#menu_main .icon_1{ background-image:url(img/ico_menu-m_afil.png); background-position:0px 0px; }
#menu_main .icon_2{ background-image:url(img/ico_menu-m_emp.png); background-position:0px 0px; }
#menu_main .icon_3{ background-image:url(img/ico_menu-m_pens.png); background-position:0px 0px; }
#menu_main .icon_4{ background-image:url(img/ico_afliacion_ecuador.png); background-position:0px; }
/*
#menu_main .icon_5{ background-image:url(img/ico_afiliacion_extranjero.png); background-position:0px 0px; }
*/

#menu_main .icon_5{ background-image:url(img/ico_ama_casa.png); background-position:0px 0px; }

#menu_main .level1{
	width:160px; padding:15px 10px 15px 10px; position:absolute; top:145px;  right:0px;  display:block;  overflow:hidden;
	box-shadow:0px 0px 10px #999;
	background: #D9FBFC;
/*
	background: -moz-linear-gradient(top, #EFFFFF 0%, #ABE5E7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFFFFF), color-stop(100%,#ABE5E7));
	background: -webkit-linear-gradient(top, #EFFFFF 0%,#ABE5E7 100%);
	background: -o-linear-gradient(top, #EFFFFF 0%,#ABE5E7 100%);
	background: -ms-linear-gradient(top, #EFFFFF 0%,#ABE5E7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFFFFF', endColorstr='#ABE5E7',GradientType=0 );
	background: linear-gradient(top, #EFFFFF 0%,#ABE5E7 100%);
*/
	background:url(img/bg_menu-ml1.png) repeat-x 0 0 transparent;
	border-radius: 20px;
}

#menu_main .level1 li{
	width:auto; height:auto; clear:both; float:none; padding:0; margin:2px 0 1px; background:none;
    line-height:10px; /* codigo aumentado     */
}




#menu_main .level1 li a{
	color:#666666; font-size:11px; line-height:10px; margin:0; padding:0;
}

#menu_main .level1 li a:hover{ text-decoration:underline;}

#menu_main .level1 li.title{
	font-size:18px; line-height:20px; color:#636466; padding:0 0 0 25px; margin:0 0 13px 0;
	font-family:"Trebuchet MS",Times,serif;
}

#menu_main  li.title a{
	font-size:18px; line-height:20px; color:#636466; 
	font-family:"Trebuchet MS",Times,serif;
}




#menu_main .level1 li.sep{
	font-size:13px; font-weight:bold; color:#0072B0; margin:7px 0 8px; padding:5px 0 0 0; font-style:italic;
	border-top:1px solid #0087BE; 
}
#menu_main .level1 li.first, #menu_main .level1 li.last{ display:none}

#menu_m_h1, #menu_m_h2{
	width:60px; height:67px; position:absolute; left:7px; bottom:17px; z-index:1;
	background:url(img/bg_menu-m_hrb1.png) no-repeat 0 0 transparent;
}
#menu_m_h2{ left:auto; right:-10px; background-image:url(img/bg_menu-m_hrb2.png);}



#menu_footer{
	color:#0173AF; font-size:13px; line-height:12px; font-weight:bold; text-align:right; margin:10px 40px 0 0; clear:both;
	float:right;
}
#menu_footer li{
	display:inline; padding:0 0 0 5px; margin:0 2px 0 0;
	background:url(img/bg_menu-f_li.png) no-repeat 0 center transparent;
	
}
#menu_footer li a{ color:#0173AF;}
#menu_footer li.first{ background:none;}



#news{
	width:420px; height:70px; position:absolute; right:80px; top:45px; overflow:hidden;
	font-size:11px; line-height:13px;
}
#news .readmore{
	width:50px; height:55px; display:block; padding:15px 0 0 10px; margin:0; position:absolute; right:30px; top:0;
	border-left:1px solid #AAAAAA;
}
#news .readmore a{ color:#777; font-size:11px; line-height:13px;}
#newsSliders{ width:200px; float:left;}
#newsSliders .info{
	width:60px; height:70px; display:block; float:left; padding:20px 10px 0 0; margin:0 10px 0 0; position:relative; top:-20px;
	border-right:1px solid #AAAAAA; font-weight:normal; text-align:right; color:#777777;
}
#newsSliders br{ display:block; margin:0 0 5px 0;}
#newsSliders li{ width:290px; height:50px; padding:15px 0 0 0; overflow:hidden; display:block;}
#newsSliders li img{
	width:75px; height:50px; border:1px solid #666; box-shadow:0px 0px 3px #AAA; border-radius:5px; float:left; margin:-7px 6px 5px 0;
}
#newsSliders li a{ color:#555; font-weight:bold;}

#news .bx-wrapper{ float:left;}
#news .bx-window{ left:35px;}
#news .bx-prev, #news .bx-next{
	width:26px; height:26px; display:block; text-indent:-9999px; text-align:left; position:absolute; top:20px; left:0;
	background:url(img/bg_news-prev.png) no-repeat 0 center transparent;
}
#news .bx-next{ background-image:url(img/bg_news-next.png); left:auto; right:-130px;}
#news .bx-prev:hover, #news .bx-next:hover{ background-position:-26px 0;}


#share{ width:250px; height:25px; position:absolute; right:450px;  top: 190px; bottom:175px; z-index:6; overflow:hidden; border:0px solid #000}
#share iframe{ width:100%; border:none; overflow:hidden; float:left;}



#popup{
	
	z-index:50; 
	position:absolute; 
	border: 1px solid #AAA; 
	text-align:center; 
	background:#0000;

	box-shadow:-1024px -1024px 1768px 1768px #000; 
	
	display:none;
	width:550px;
	

}
#popup #close{
	width:24px; height:24px; margin:0; cursor:pointer; text-indent:-9999px; text-align:left; position:absolute; right:-10px; top:-10px;
	background:url(img/popup_close.png) no-repeat 0 0 transparent;
}
#popup img{ margin:0; padding:0; border:none;}


/******
ORBIT 1.2.3
*******/
#sliders{ 
	width: 900px; height: 180px;  top: -13px; left: 10px;
	background: transparent url('img/orbit/loading.gif') no-repeat center center;
	overflow: hidden;
	text-align:right;
    border:0px solid #000;
}
#sliders>img, #sliders>div, #sliders>a { display: none; }

/* CONTAINER
   ==================== */
div.orbit-wrapper{ width: 1px; height: 1px; position: relative; margin:0 0 0 70px; z-index:2;}
div.orbit{ width: 1px; height: 1px; position: relative; overflow: hidden;}
div.orbit>img{ position: absolute; top: 0; left: 0; display: none;}
div.orbit>a{ border: none; position: absolute; top: 0; left: 0; line-height: 0; display: none; }
.orbit>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* TIMER
   ==================== */
div.timer {
    width: 40px; height: 40px; overflow: hidden; position: absolute;
    top: 0; right: -40px; opacity: .6; cursor: pointer; z-index: 1001;
   
}
span.rotator {
    display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px;
    background: url(img/orbit/rotator-black.png) no-repeat; z-index: 3;
}
span.mask{
    display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; 
}
span.rotator.move{ left: 0 }
span.mask.move{ width: 40px; left: 0; background: url(img/orbit/timer-black.png) repeat 0 0; border: }
span.pause{
	display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0;
	background: url(img/orbit/pause-black.png) no-repeat; z-index: 4; opacity: 0;
}
span.pause.active{ background: url(img/orbit/pause-black.png) no-repeat 0 -40px; }
div.timer:hover span.pause, span.pause.active{ opacity: 1; }


/* CAPTIONS
   ==================== */
.orbit-caption{ display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
.orbit-wrapper .orbit-caption{
    background: #000; background: rgba(0,0,0,.6); z-index: 1000; color: #fff;
	text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 0; bottom: 0; width: 100%;
}

/* DIRECTIONAL NAV
   ==================== */
div.slider-nav{ display:block;}
div.slider-nav span{
	width: 78px; height: 100px; text-indent: -9999px; position: absolute; z-index: 1000; top: 50%; margin-top: -50px; cursor: pointer;
}
div.slider-nav span.right{ background: url(img/orbit/right-arrow.png); right: 0; }
div.slider-nav span.left{ background: url(img/orbit/left-arrow.png); left: 0; }

/* BULLET NAV
   ==================== */
.orbit-bullets{
	z-index: 1000; list-style: none; margin:0; padding:330px 0 0 860px;
	width:400px; height:48px; margin:0; position:absolute; left:-200px; top:-53px;
	background:url(img/bg_slider-mask.png) no-repeat center 0 transparent; z-index:5;
}
.orbit-bullets li{
	float: left; margin-left: 3px; cursor: pointer; color: #999; text-indent: -9999px;
	background: url(img/orbit/bullets.png) no-repeat -17px 0; width: 17px; height: 17px; overflow: hidden;
}
.orbit-bullets li.active{ color: #222; background-position: 0 0;}
.orbit-bullets li.has-thumb{ background: none; width: 100px; height: 75px; }
.orbit-bullets li.active.has-thumb{ background-position: 0 0; border-top: 2px solid #000; }

/*-----------------------------*/


.fadebox {
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        background-color: #211a1a;
        z-index:1001;
		overflow:hidden;
    }

.overbox {
        display: none;
        position: absolute;
        top: 25%;
        /*left: 25%;*/
        width: 50%;
        height: 50%;
        z-index:1002;
        overflow: auto;
		width:24px; height:24px; margin:0; cursor:pointer; text-indent:-99px; text-align:left; 				        position:absolute; right:-10px; top:-10px;
		background:url(img/popup_close.png) no-repeat 0 0 transparent;
    }

#outside {
	display:none;
	left:0px;
	top:0px;
    width: 100%;
    height: 100%;		
	position:absolute;
    background-color: #211a1a;
    z-index: 9;
    opacity: 0.8;	
	-moz-opacity: 0.8;
    filter: alpha(opacity=80);	
	progid: DXImageTransform.Microsoft.Alpha(Opacity=80);	
}

/***** estilos aumentado IESS ***********/


