body{
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
}
h3.titulo{
	font: 24px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #102243;
	margin-bottom: 15px;
}
p.txt{
	margin-bottom: 15px;
}
#seguridad-emergencias{
	width: 719px;
	font: 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	margin-left: 10px;	
}
#seguridad-emergencias a{
	color: #102243 !important;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif !important;
}

#seguridad-emergencias a:hover{
	color: #0099CC !important;
	text-decoration: underline;
}
/* Pestañas */
div#pestana {
    height: 228px;
    overflow: hidden;
    position: relative;
    width: 719px;
    margin-bottom: 40px;
}
div#pestana ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
ul#lista {
	left: 0;
	z-index: 2;
	width: 225px;
}
ul#lista li {
	font-size: 12px;
	font-family: Arial;
	padding: 0;
	margin-left: 0;
}
ul#lista li a {
	color: #222;
	text-decoration: none;	
	display: block;
	height: 60px;
	outline: none;
}
ul#salida {
	right: 0;
	width: 494px;
	height: 228px;
	position: relative;
	padding: 15px;
}
ul#salida li {
	position: absolute;
	width: 494px;
	height: 228px;
	padding: 0;
	margin-left: 0;
}
#seguridad-emergencias ul#salida a{
	color: #1f3050;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
#seguridad-emergencias ul#salida a:hover{
	text-decoration: underline;
	color: #0099CC;
}
/* Menú */

#lista .bt1{
	background: url(../img/emergencias/btn1.gif) no-repeat;
	text-indent: -9999px;
}
#lista .bt1:hover{
	background-position: 0 -57px;
}
#lista li a.current#acti1 {
	background: url(../img/emergencias/btn1.gif) no-repeat 0 -114px;
		}
#lista li a.current#acti1:hover {
	text-decoration: none;
	cursor: default;
}
#lista .bt2{
	background: url(../img/emergencias/btn2.gif) no-repeat;
	text-indent: -9999px;
}
#lista .bt2:hover{
	background-position: 0 -57px;
}
#lista li a.current#acti2 {
	background: url(../img/emergencias/btn2.gif) no-repeat 0 -114px;
		}
#lista li a.current#acti2:hover {
	text-decoration: none;
	cursor: default;
}
#lista .bt3{
	background: url(../img/emergencias/btn3.gif) no-repeat;
	text-indent: -9999px;
}
#lista .bt3:hover{
	background-position: 0 -57px;
}
#lista li a.current#acti3 {
	background: url(../img/emergencias/btn3.gif) no-repeat 0 -114px;
		}
#lista li a.current#acti3:hover {
	text-decoration: none;
	cursor: default;
}
#lista .bt4{
	background: url(../img/emergencias/btn4.gif) no-repeat;
	text-indent: -9999px;
}
#lista .bt4:hover{
	background-position: 0 -57px;
}
#lista li a.current#acti4 {
	background: url(../img/emergencias/btn4.gif) no-repeat 0 -114px;
		}
#lista li a.current#acti4:hover {
	text-decoration: none;
	cursor: default;
}
.links{
	float: left;
}
.links2{
	margin-left: 20px;
	float: left;
}
/* Desastres */
#seguridad-emergencias .desastres{
	position: absolute;
	z-index: 3;
	background-image: url(../img/emergencias/desastres-naturales.jpg);
	width: 494px;
	height: 228px;
	padding: 15px;
}
#pestana .subt{
	font: 24px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #102243;
	background-repeat: repeat-y;
}
.desastres .texto{
	width: 284px;
	margin-bottom: 10px;
}
.subt2{
	font: 18px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #002b5f;
	margin-bottom: 30px;
	display: block;
}
.subt3{
	font-size: 16px;
	color: #76b900;
	font-weight: bold;
	margin-bottom: 20px;
	display: block;
}
.cajas li{
	width: 205px;
	float: left;
	margin-left: 0;
}
.cajas p{
	margin-bottom: 20px;
}
.cajas li.aprende{
	background: url(../img/emergencias/separador.gif) no-repeat right;
	padding-right: 20px;
}
.cajas li.faq{
	background: url(../img/emergencias/separador.gif) no-repeat right;
	padding: 0 20px;
}
.cajas li.que-hacer{
	margin-left: 20px;
}
a.saber{
	background: url(../img/emergencias/saber-mas.gif) no-repeat;
	width: 159px;
	height: 28px;
	display: block;
	text-indent: -9999px;
	padding: 0;
}
.que-hacer ul.list li{
	background: url(../img/emergencias/tick.gif) no-repeat;
	padding-left: 20px;
	padding-bottom: 5px;
}
/* Seguridad en vacaciones */
#seguridad-emergencias .accidentes{
	position: absolute;
	z-index: 3;
	width: 494px;
	height: 228px;
	padding: 15px;
	background: url(../img/emergencias/accidentes-domesticos.jpg) no-repeat;
}
.accidentes .texto{
	width: 350px;
	margin-bottom: 10px;
}
#seguridad-emergencias .seguridad-transito{
	position: absolute;
	z-index: 3;
	width: 494px;
	height: 228px;
	padding: 15px;
	background: url(../img/emergencias/seguridad-de-transito.jpg) no-repeat;
}
.seguridad-transito .texto{
	width: 230px;
	margin-bottom: 10px;
}
#seguridad-emergencias .seguridad-vacaciones{
	position: absolute;
	z-index: 3;
	width: 494px;
	height: 228px;
	padding: 15px;
	background: url(../img/emergencias/seguridad-en-vacaciones.jpg) no-repeat;
}
.seguridad-vacaciones .texto{
	width: 250px;
	margin-bottom: 10px;
}
/* Páginas interiores */
.centro{
	width: 487px;
	float: left;
}
.title_desastres{
	font: 24px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #102243;
	margin-bottom: 15px;
}
.contenido strong.categoria{
	color: #102243;
	font-size: 16px;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: normal !important;
}
.submenu{
	color: #102243;
	font-size: 14px;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}
.submenu li{
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
}
#seguridad-emergencias .submenu a{
	color: #001b4e;
	text-decoration: none;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#seguridad-emergencias .submenu a:hover{
	text-decoration: underline;
}
.sidebar{
	float: right;
	width: 208px;
}
.bajada{
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #102243;
	border-bottom: 1px solid #ccc;
	display: block;
	padding-bottom: 10px;
}
#seguridad-emergencias a.subir{
	border-bottom: 1px solid #ccc;
	display: block;
	padding-bottom: 10px;
	text-align: right;
}
#seguridad-emergencias a.subir:hover{
	text-decoration: underline;
}
.listas li{
	background: url(../img/emergencias/tick.gif) no-repeat;
	padding-left: 30px;
	margin-bottom: 10px;
}
a.item1{
	background: url(../img/emergencias/menu1.gif) no-repeat;
	width: 207px;
	display: block;
	height: 40px;
	text-indent: -9999px;
	padding: 0 !important;
}
a.item1:hover{
	background: url(../img/emergencias/menu1.gif) no-repeat 0 -40px;
}
#btn1 .active{
	background: url(../img/emergencias/menu1.gif) no-repeat 0 -80px;
}
a.item2{
	background: url(../img/emergencias/menu2.gif) no-repeat;
	width: 207px;
	display: block;
	height: 40px;
	text-indent: -9999px;
	padding: 0 !important;
}
a.item2:hover{
	background-position: 0 -40px;
}
#btn2 .active{
	background: url(../img/emergencias/menu2.gif) 0 -80px;
}
a.item3{
	background: url(../img/emergencias/menu3.gif) no-repeat;
	width: 207px;
	display: block;
	height: 40px;
	text-indent: -9999px;
	padding: 0 !important;
}
a.item3:hover{
	background-position: 0 -40px;
}
#btn3 .active{
	background: url(../img/emergencias/menu3.gif) 0 -80px;
}
a.item4{
	background: url(../img/emergencias/menu4.gif) no-repeat;
	width: 207px;
	display: block;
	height: 40px;
	text-indent: -9999px;
	padding: 0 !important;
}
a.item4:hover{
	background-position: 0 -40px;
}
#btn4 .active{
	background: url(../img/emergencias/menu4.gif) 0 -80px;
}
ul.menu{
	background-color: #ecf5f5 !important;
}
#seguridad-emergencias .menu a{
	color: #666;
	padding-left: 20px;
	padding-right: 40px;
	display: block;
	
}

#seguridad-emergencias .menu a:hover{
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif !important;
	
}
#seguridad-emergencias ul.menu li{
	background: url(../img/emergencias/separador2.gif) no-repeat 0 bottom;
	padding: 10px 0;
	margin-left: 0;
}
#seguridad-emergencias .contenido a, #seguridad-emergencias .centro a{
	color: #102243 !important;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif !important;
}
#seguridad-emergencias .contenido a:hover, #seguridad-emergencias .centro a:hover {
	color: #0099CC !important;
	text-decoration: underline;
}
.contenido strong{
	font-weight: bold;
}
.menu1{
	padding: 0 !important;
	background: #fff !important;
}
ul.menu ul{
	display: none;
	background-color: #ecf5f5 !important;
}
ul.menu ul a{
	text-decoration: none;
	font: 12px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
ul.menu ul a:hover{
	text-decoration: underline;
}
.btn_menus{
	cursor: pointer;
}
 /* cf */
 .cf:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .cf {
    height: 1%;
}
/* End hide from IE-mac */


