/* vhts @charset "utf-8";*/
/*generales*/
@font-face 
{
	font-family: 'Soberana Titular';
	font-weight: normal;
	font-style: normal;
	src: url('fuentes/soberanatitular-webfont.eot');
	/* src: url('fuentes/soberanatitular-webfont?#iefix')format('embedded-opentype'), url('fuentes/soberanatitular-webfont.woff')format('woff'), url('fuentes/soberanatitular-webfont.ttf')format('truetype'), url('fuentes/soberanatitular-webfont.svg')format('svg');
	src: url('fuentes/soberanatitular-webfont?#iefix'), url('fuentes/soberanatitular-webfont.woff'), url('fuentes/soberanatitular-webfont.ttf'), url('fuentes/soberanatitular-webfont.svg'); */
}

/*Generales*/
body {
	margin:0;
}

#contenedor {
	margin:auto;
	width:960px;
	height:100%;
	margin-bottom:30px;
}

#cajacontenedor {
	margin: auto;
	width:940px;
	min-height:100%;
}


/*Header*/
#header {
	width:100%;
	height:120px;
}
#logo {
	width:350px;
	height:85px;
	float:left;
	text-align:left;
	padding-top:25px;
	padding-left:15px;
}
#cuadro_buscador {
	width:580px;
	height:100px;
	padding-top:25px;
	float:Right;
}
#menu_arriba {
	width: 100%;
	height:20px;
	text-align:right;
	padding-top: 15px;
	color:#929497;
}
#buscador {
	width: 100%;
	height:26px;
	text-align:right;
	float:right;
	padding-top:10px;
}
#redes {
	width: 100%;
	height:30px;
	text-align:right;
	float:left;
	padding-right:10px;
	padding-top:10px;
}

#share {
	float:right;
	width: 140px;
	text-align:right;
	margin-top:10px;
}


/*Menu Principal*/
#menu_principal {
	width:990px;
	height:80px;
	margin:auto;
	color:#8b8b8b;
	background-image:url(imagenes/menu.jpg);
	background-repeat:no-repeat;
	text-transform:none;
}
.menuboton {
	font-family:Soberana Titular;
	font-size:1em;
	float:left;
	width:250px;
	height:35px;
	padding-top:12px;
	text-align:left;
	padding-left:12px;
}
.menuboton a {
	font-family:Soberana Titular;
	font-size:1em;
	text-decoration:none;
	color:#8b8b8b;
	text-transform:none;
}
.menuboton a:hover {
	font-family:Soberana Titular;
	font-size:1em;
	text-decoration:none;
	color:#8b8b8b;
	text-transform:none;
}


/*LOMD*/
.menu {
	/*background:url(../images/back_verde.gif) left top repeat-x;
	/*width:900px;
	height:45px;*/
	z-index:999;
	line-height:1.0;
	/*float:left;*/
	/*padding:0 50px;*/
	
	font-family:Soberana Titular;
	font-size:1em;
	float:left;
	/*width:192px;*/
	width:198px;
	height:27px;
	padding-top:12px;
	text-align:left;
	
}
.menu ul {
	position:absolute;
	top:-999em;
	width:27em; /*Tamaño del Sub-menu*/
	z-index:999;
}
.menu ul li {
	width:100%;
}
.menu li:hover{
	visibility:inherit;
	outline:0;
	color:#eee;
}
.menu li {
	float:left;
	position:relative;
	height:30px;
	padding-top:17px;
}
.menu a {
	display:block;
	position:relative;
	text-decoration:none;
	margin:0 10px 0 0;
	padding:0 1.9em 0 0;
	
}
.menu li:hover ul, .menu li.sfHover ul{
	left:-0.5em;
	top:1.5em;
	z-index:9999;
}
ul.menu li:hover li ul, ul.menu li.sfHover li ul{
	top:-999em;
	z-index:9999;
}
ul.menu li li:hover ul, ul.menu li li.sfHover ul{
	left:10em;
	top:0;
	z-index:9999;
}
.menu a, .menu a:visited {
	color: #8b8b8b; /* #eee;  vhts-color de letras en menu*/
	font-family:Soberana Titular;
	font-size:15px;
	/*font-weight:700;
	text-transform:uppercase;*/
}
.menu li:hover a.main-menu, .menu a:hover{
	outline:0;
	color:  #FFFFFF;  /*#CCCCFF; #eee; vhts-color de letras menu seleccionado */
}
.menu li li a, .menu li li li a { 
	color:  #8b8b8b; /* #FFFFFF !important; /* vhts-color de letras en opc-menu*/
	height:auto;
	background:none;
	text-transform:none !important;
	padding:0 0 0 1.3em;
}
.menu li li a:hover, .menu li li li a:hover, .menu li li.current_page_item, .menu li li li.current_page_item, .menu li.current_page_item a {
	color: #FFFFFF;  /*#CCCCFF !important; /*#eee !important; vhts-color de letras opc-menu seleccionado */
}
.menu li li, .menu li li li {
	/*background:url(../images/menu_background_sec.png) left top repeat-x;*/
	background-image:url(imagenes/menu.jpg);
	border-top:none;
	height:30px;
	padding-top:5px;
}
.main-menu .sf-sub-indicator, .menu li:hover a.main-menu span.sf-sub-indicator, .menu li.sfHover a.main-menu span.sf-sub-indicator, .menu li.current_page_item .main-menu .sf-sub-indicator {
	background:none;
	display:none;
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.3em;
	top:1.05em;
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:url(../images/arrows-ffffff.png) no-repeat -10px -100px;
}
a > .sf-sub-indicator {
	top:.1em;
	background-position:0 -100px;
}
a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator {
	background-position:-10px -100px;
}
.menu ul a > .sf-sub-indicator {
	background-position:0 0;
}


/*LOMD*/




#herramientas{
width:100%;
height:auto;
}

/*breadcrumbs*/
#breadcrumbs {
	float:left;
	width:780px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.7em;
	color:#3b6858;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	line-height:17px

}
#breadcrumbs a {
	color:#3b6858;
	text-decoration:none;
}
#breadcrumbs a:hover {
	color:#207969;
	text-decoration: underline;
}

.breadcrumbCurrent{ 
font-weight:bold !important}

/*ultimamodificacion*/
#ultimamodificacion {
	font: 0.7em Verdana, Geneva, sans-serif;
	text-align:right;
	color:#929497;
}

/*footer*/
#footer {
	clear:both;
	width:960px;
	height:100%;
	text-align:center;
	margin-top:20px;
}
.footer {
	font-family: Verdana, Geneva, sans-serif;
	font-size:0.7em;
	text-transform: uppercase;
	color:#999999;
	text-decoration:none;

}
.footer a {
	text-transform: uppercase;
	color:#999999;
	text-decoration:none;

}
.footer a:hover {
	text-transform: uppercase;
	color:#999999;
	text-decoration:none;

}


/*Estilos INDEX*/
#cajatituloindex{
	width:100%;
	height: 50px;
	margin-top:20px;
}


.tituloindex {
	font: 1.5em Soberana Titular;
	text-align:center;
	color:#929497;
}

/*Estilos Carrusel*/
#cajacarrusel {
	width:100%;
	height:330px;
	margin:auto;
	border:solid 1px #c9c9c9;
	 padding-bottom: 20px;
}

#cajatitulocarrusel {
	text-align:center;
	color:#929497;
	width: 100%;
	height:30px;
	padding-top:15px;
	padding-bottom:10px;
}

.imagencarrusel {
	width:150px;
	float:left;
	height:280px;
	text-align:center;
	margin-left: 6px;
}

.titulocarrusel {
	font: 1.2em Soberana Titular;
	text-align:left;
	color:#929497;
	padding-left:15px;
}

.subtitulocarrusel{
font: 0.75em Soberana Titular;
color:#929497;
line-height:1.5em;
}


/*noticias*/

.titulo_ultimasnoticiasindex {
    background-color: #DDDDDC;
    color: #8B8B8B;
    font-family: Soberana Titular;
    font-size: 0.95em;
    height: 25px;
    margin-top: 10px;
    padding: 8px 0 0 20px;
    text-align: left;
    width: auto;
}

#rss {
    float: right;
    margin: 0;
    padding-right: 10px;
    position: relative;
    text-align: right;
}

#nota_principalindex{
     background-color:#F1F1F1;
     width: 940px;
	 height: 120px;
    margin: auto;
	margin-top:5px;
}

#nota_principal1 {
    float: left;
    height: 110px;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    width: 220px;
}


#nota_principal2{
   float: left;
    height: 110px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 400px;
}

#nota_principal3{
    float: right;
    height: 110px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 300px;
}



#nota_principal3_img{

float: left;
height: 50px;
padding-top: 5px;
text-align: center;
width: 50px;

}

#nota_principal3_texto{
width:250px;
height:50px;
float:right;
text-align: left;
font-family: Verdana, Geneva, sans-serif;
font-size:0.75em;
color: #5D5E5E;
padding-top: 5px;
}

#cuadroizquierdo {
    float: left;
    height: 200px;
    width: 305px;
}


#cuadroenmedio {
    float: left;
    height: 200px;
    width: 305px;
	margin-left:13px;
}


#cuadroderecho {
    float: right;
    height:200px;
    width: 305px;
}

.titulo_cuadros {
    background-image: url("/imssdigital/css/imagenes/fondo_titulo.jpg");
    background-repeat: repeat-y;
    color: #8B8B8B;
    font-family: Soberana Titular;
    font-size: 0.95em;
    height: 25px;
    padding: 8px 0 0 20px;
    text-align: left;
    width: auto;
	margin-bottom:15px;
}

.cuadros_vermas {
    color: #8B8B8B;
    font: 0.75em Verdana, Geneva, sans-serif;
    height: auto;
    padding-top: 5px;
	padding-right:5px;
    text-align: right;
    width: auto;
	position:relative;
top:60px;
right:5px;
}

.cuadros_vermas a{
	text-decoration:none;
	color: #515151;
}

.cuadros_vermas a:hover{
	text-decoration:none;
	color: #515151;
}

#cuadrodenoticias {
	width:980px;
	height:330px;
	margin:auto;
}
#cuadrodenoticiasizq {
	float:left;
	width:450px;
	text-align:center;
	padding:40px 0px 40px 0px;
}
#cuadrodenoticiasder {
	float:right;
	width:530px;
	padding:100px 0px 40px 0px;
}

#noticiastitulo{
  color: #207969;
  font: 0.75em Verdana, Geneva, sans-serif;
  text-align: left;
  margin-bottom:5px;
}

#noticiastexto{
    color: #5D5E5E;
    font: 0.75em Verdana, Geneva, sans-serif;
    text-align: left;
	margin-bottom:5px;

}

#noticiasvermas{
color: #5D5E5E;
font: 0.75em Verdana, Geneva, sans-serif;
text-decoration: none;
text-align:right;
position:relative;
top:45px;
right:5px;
}

#noticiasvermas a{
color: #207969;
text-decoration: none;

}

#noticiasvermas a:hover{
color: #207969;
text-decoration: none;
}

/*htmltagcloud*/
#htmltagcloud {
	font:Verdana, Geneva, sans-serif;
	word-spacing:normal;
	letter-spacing:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
}
#htmltagcloud a, a:link, a:visited {
	font:Verdana, Geneva, sans-serif;
	text-decoration:none;
}
#htmltagcloud a:hover {
	font:Verdana, Geneva, sans-serif;
	color:white;
	background-color:#d0d0d0;
}
#htmltagcloud a:active {
	color:white;
	font:Verdana, Geneva, sans-serif;
	background-color:#03d;
}
.tagcloud0 {
	font-size:0.8em;
	font-family:Verdana, Geneva, sans-serif;
	color:#858584;
}
.tagcloud0 a {
	font-family:Verdana, Geneva, sans-serif;
	color:#858584
}
.tagcloud0 a:hover {
	font-family:Verdana, Geneva, sans-serif;
	color:#858584
}
.tagcloud2 {
	font-size:1.3em;
	font-family:Verdana, Geneva, sans-serif;
	color:#727271;
}
.tagcloud2 a {
	font-family:Verdana, Geneva, sans-serif;
	color:#727271
}
.tagcloud2 a:hover {
	font-family:Verdana, Geneva, sans-serif;
	color:#727271
}
.tagcloud4 {
	font-size:1.8em;
	font-family:Verdana, Geneva, sans-serif;
	color:#666666;
}
.tagcloud4 a {
	font-family:Verdana, Geneva, sans-serif;
	color:#666666;
}
.tagcloud4 a:hover {
	font-family:Verdana, Geneva, sans-serif;
	color:#666666;
}
.tagcloud5 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:2.0em;
	color:#5B5A5A;
	z-index:5
}
.tagcloud5 a {
	font-family:Verdana, Geneva, sans-serif;
	color:#5B5A5A
}
.tagcloud5 a:hover {
	font-family:Verdana, Geneva, sans-serif;
	color:#5B5A5A
}
.tagcloud7 {
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.5em;
	color:#515050;
}
.tagcloud7 a {
	font-family:Verdana, Geneva, sans-serif;
	color:#515050
}
.tagcloud7 a:hover {
	font-family:Verdana, Geneva, sans-serif;
	color:#515050;
}


/*banners*/
#cuadrobanners{
width:940px;
height:90px;
margin-top:30px;
}

.banners {
    float: left;
    height: 70px;
    padding-top: 20px;
    text-align: center;
    width: 230px;
}


/*utilerias*/

.clear {
	clear:both;
}
#espacio {
	clear:both;
	height:10px;
}
#espacio2 {
	clear:both;
	height:5px;
}


/*estilos Template 3botones*/

.titulopagina{
font-family:Soberana Titular;
font-size:15pt;
color:#3B6858;
width:100%;
margin-top:15px;
margin-bottom:15px;
}

#cuadro_menu{
float: left;
height: 250px;
width: 300px;
font-family:Soberana Titular;
font-size:1em;
}

/*iconos del menu*/

ul.menu, ul.engrane, ul.icono2 {
    list-style: none outside none;
    margin: 0;
    padding: 0;
	color:#444242;
}

.engrane, .icono2  {
    line-height: 100%;
    margin: 3px 0;
    padding: 0px 0px 0px 45px;
	color:#444242;
}

.engrane a, .icono2  a{
	background: url("/imssdigital/css/imagenes/flechablanca.jpg") ;
	display: block;
    height: 30px;
    width: 250px;
	padding: 10px 0 0 5px;
	text-decoration:none;
	color:#444242;
	background-position:10px;
}

.engrane a:hover, .icono2 a:hover{
	background: url("/imssdigital/css/imagenes/flechagris.jpg");
	display: block;
    height: 30px;
    width: 250px;
	padding: 10px 0 0 5px;
	color:#444242;
}

#active{
	background: url("/imssdigital/css/imagenes/flechagris.jpg");
	display: block;
    height: 30px;
    width: 250px;
	padding: 10px 0 0 5px;
	color:#444242;
}

/*iconosdelmenu*/
.engrane {
    background: url("/imssdigital/css/imagenes/iconosmenu/engrane.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.icono2 {
    background: url("/imssdigital/css/imagenes/iconosmenu/icono2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}


#cuadro_imagen{
float: left;
height: 190px;
padding: 10px 30px 30px 30px;
width: 210px;
}


#cuadro_texto{
float: left;
padding-top:10px;
height: 240px;
width: 370px;
}

#cuadro_texto p{
	color: #5D5E5E;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 0.75em;
    line-height: 1.25em;
    padding: 10px;
    text-align: left;
}

#cuadro_texto strong{
	font-family: Verdana,Geneva,sans-serif;
    font-size: 0.85em;
	color: #5D5E5E;
	line-height: 1.25em;
    padding: 10px;
    text-align: left;
}

#caja_1{
    float: left;
  /*  height: 120px;*/
  height:auto;
	width: 290px;
	font-family:Sobera Titular;
	font-size:12pt;
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 10px;
}

#caja_2{
    float: left;
    /*height: 120px;*/
    height:auto;
	width: 290px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 10px;
}

#caja_3{
    float: left;
    /*height: 120px;*/
    height:auto;
	width: 290px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 10px;
}

#caja_4{
    width:100%;
	height:auto;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75px;
    margin-bottom: 15px;
    margin-top: 30px;
    padding: 10px;
}

#caja_botones{
width:100%;
/* vhts height:; */
}

#caja_ultimaactualizacion{
	width:100%;
	height:50px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.65px;
    margin-bottom: 15px;
    margin-top: 20px;

}

/*Cajas de colores */
/*Colores Grises*/
.cajacolor1 {
	background-color:#F3F3F5;
}
.cajacolor2 {
	background-color:#E2E4E7;
}
.cajacolor3 {
	background-color:#C2C3C9;
}
.cajacolor4 {
	background-color:#9A999E;
}
.cajacolor5 {
	background-color:#67666A;
}
.cajacolor6 {
	background-color:#444242;
}
/*Colores Morados*/
.cajacolor7 {
	background-color:#70829B;
}
.cajacolor8 {
	background-color:#9B9BC5;
}


/* Colores Verdes*/
/* vhts
.cajacolor9 {
 background-color:;
}
.cajacolor10 {
 background-color:;
}
.cajacolor11 {
 background-color:;
}
*/
.cajacolor12 {
background-color:#89AF8C;
}

/* Colores Textos*/
.colortexto1 {
	background-color:#AD0040;
}
.colortexto2 {
	background-color:#CA5D2C;
}
.colortexto3 {
	background-color:#E8DDA2;
}
.colortexto4 {
	background-color:#FCF3C4;
}


/*Texto Default*/
.texto{
	color: #5D5E5E;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 0.75em;
    height: auto;
	line-height:1.25em;
    padding: 10px;
    text-align: left;
}

.texto ul {
	list-style:square;
	padding:20px 10px 20px 25px;
	margin:0px;

}
.texto ul li{
	padding-left:5px;
	padding-bottom:5px;
	}

.texto a{
color:#3b6858;
text-decoration:none;

}	

.texto a:hover{
color:#3b6858;
text-decoration:underline;
}	
	
	
/*herramientas*/
.clear {
	clear:both;
}

.espacio {
	margin-top:10px;
}

.alinearizquierda {
	text-align:left;
}
.alinearderecha {
	text-align:right;
}
.centrado {
	text-align:center;
}



/*Estilos para decorar*/	

.bordeverde{
	border:1px solid #3B6858;
	/* vhts border-radius:10px; */
	margin-left:35px;
	}
	
.bordegris{
	border:1px solid #C2C3C9;
	/* vhts border-radius:10px; */
	}

.borde_redondo{
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    /* vhts border-radius: 10px 10px 10px 10px;
    box-shadow: 2px 3px 2px #CCCCCC; */
    color: #515151;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12pt;
	line-height:16pt;
	min-height:120px;
	padding:10px;
}


.titulo {
	font-family:Soberana Titular;
	font-size:1.5em;
	color:#207969;
	margin-bottom: 10px;
	line-height:1em;
}
.subtitulo {
	font-family:Soberana Titular;
	font-size:1.2em;
	color:#207969;
	margin-bottom: 10px;
}
.letratitular {
	font-family:Soberana Titular;
	font-size:2em;
}

.letra {
	font-family:Soberana Titular;
	font-size:14;
}

.letraetiqueta {
	font-family:Soberana Titular;
	font-size:15;
	color:#228B22;
}


/*tooltip*/
.tooltip{
border:1px solid #C2C3C9;
/* vhts border-radius: 10px; */
padding:2px;
text-decoration:none !important;
color:#444242 !important;
}

/*Dialog Box  */

.ui-widget-header{
background:none !important;
border: none !important;
}
#mensaje_externo{
font-family:Soberana Titular;
font-size:21px;
text-align:center;
}
.ui-button-text{
font-family:Soberana Titular;
font-size:14px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
border: 1px solid #000000 !important;
color:#207969 !important;
/* vhts border-radius:0px!important; */

}
.ui-widget-content{
background:#F3F3F5!important;
border:none!important;
/* vhts border-radius:10px!important; */
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
background:none!important;
}

#caja_4 table{
width:100%;
border:1px solid #9A999E;
}
#caja_4 table thead {
background:#E2E4E7;
font-family:Soberana Titular;
font-size:15px;
color:#444242;
font-weight:normal;

}
#caja_4 table thead th{
		border:1px solid #9A999E;
		vertical-align:middle;
		text-align:left;
		font-weight:normal !important;
		
}

#caja_4 table tbody td{
	border:1px solid #9A999E;
	font-family:Verdana;
	font-size:12px;
	color:#444242;
}
.row_verde{
	background: #D8E3DB;
}
/* ESTILO TABS OCULTOS*/

.listaTramites{
	float: left;
	width: 690px;
	padding: 20px;
}

.listaTramites li{
	list-style: none;
	margin-bottom: -10px;
	}

.listaTramites ul{
	padding: 0;
}

.listaTramites li h3{
		background:url("/imssdigital/css/imagenes/tramites/more.png") no-repeat scroll 10px 10px #F3F3F5;    
		margin: 0;
 
    color: #67666A;
    font-family: Verdana,Geneva,sans-serif;

    line-height: 15px;
    text-decoration: none;
    text-transform: none;
    border-bottom: 1px dashed;
  	border-color:#C2C3C9;
    display: block;
    font-weight: normal;
    margin: 0 0 5px;
    padding: 10px 10px 10px 40px;
    text-decoration: none;
    margin-bottom:10px;
    font-size:12px;


    }
    .listaTramites li h3:hover{
	cursor:pointer;
}
    .contenidoLista{
	padding: 10px 0px;
	font: 1em;
	margin-bottom:15px;
	font-weight:normal;
	text-align: justify;
	padding-left: 0px;
	display: none;
	line-height:18px;
}

/*Tipo de Columnas*/

.dtipoA {
    height: auto;
    width: 100%;
}


#tipoAI {
    float: left;
    height: auto;
    width: 30%;
}


#tipoAD {
    float: right;
    height: auto;
    width: 70%;
}