/* 
Oscar Arzola
Ingenia Group 2009
*/

/*** Reset Styles***/

* {
    margin: 0;
    padding: 0;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, table, caption, tbody, tfoot, thead, tr, th, td {

		margin:0;
		padding:0;
		border:0;
		font-weight:inherit;
		font-style:inherit;
		font-family:Arial;
		vertical-align:baseline;
		font-size: 1em;
}

body {
		background: url(../img/bg_body.jpg);
		padding: 0px;
		margin: 0px;
		height:100%;
	}

	#contenido {
		height:auto;
		padding: 0px;
		width: 900px;
		margin:0 auto;
		background: #ffffff;
	}
	#header {
		width: 900px;
		clear: both;
		padding: 0px;
		height: 113px;
		margin: 0px;
		background:#F0F0F0 url(../img/header_rojo.png);
	}
	
	#logo{
	float:left;
	height:78px;
	margin-left:24px;
	margin-top:5px;
	width:281px;
	}
	
	#ajaxSearch_submit2{
		width: 55px;
		height: 19px;
		background: #E86D81;
		border: 0;
		color: #ffffff;
		float:left;
	}
	#buscador{
	float:right;
	height:50px;
	padding-right:32px;
	padding-top:16px;
	width:240px;
	
	}
	#ajaxSearch_input2{
	  width: 177px;
	}
	
	#caja{
	float:right;
	margin-right:11px;
	margin-top:5px;
	
	}
	
	#imagen_central{
	width: 900px;
	clear: both;
	min-height: 350px;
	}
	
	#imagen_central_tips{
	width: 900px;
	clear: both;
	height: 357px;
	background:transparent url(../img/centrales/tips.jpg) no-repeat scroll 0 0;
	}
	.clear {
		clear: both;
	}
	
	/* Definici�n de menu */
	
	#menuSuperior {
		width: 900px;
		clear: both;
		height: 27px;
		
		margin:0 auto;
		text-align:center;
		background: #FFFFFF;
	}
	
	#menuSuperior ul {
		list-style:none;
	}
	
	#menuSuperior ul li {
		list-style:none;
		display:inline;
		
		float:left;
		min-width:7.4%;
		background:transparent url(../img/assets/spacer-line.gif) no-repeat right center;
		text-align:center;
		height: 26px;
	}
	
	#menuSuperior ul li.last {
		background:none;
		padding:0 10px 0 0px;
	}
	
	#menuSuperior a:link,#menuSuperior a:visited  {
		color: #505050; text-decoration: none; font-size:0.85em; letter-spacing:0.02em;font-family:Arial;
		height: 20px;
		display: block;
		padding:6px 6px 0 6px;
		}
		
	#menuSuperior a:hover, #menuSuperior li.active{
		color: #505050;
		background: transparent url(../img/areagris.jpg) repeat-x;
		display: block;
		
	}
	
	/* Definici�n menu rojo principal */
	
	#breadCrumbs {
		background: url("../img/pleca_bread.png") repeat scroll 0 0 transparent;
		clear: both;
		height: 35px;
		margin-left: -9px;
		padding: 3px 0 0 8px;
		width: 910px;
	}
	
	#menuAccesosRapidos{
		background: url("../img/menu_rojo.jpg") repeat scroll 0 0 transparent;
		clear: both;
		height: 26px;
		
		width: 900px;
	}
	
	#menuAccesosRapidos ul {
		list-style:none;
	}
	
	#menuAccesosRapidos ul li{
		list-style:none;
		display:block;
		float: left;
		
		/*background:transparent url(../img/assets/spacer-line.gif) no-repeat 95% center;*/
		font-size: 17px;
		
		height: 26px;
	}
	
	#menuAccesosRapidos a:link,#menuAccesosRapidos a:visited{
		color: #ffffff; text-decoration: none; font-size:0.75em;font-family:Arial;
		padding: 5px 10px 0 6px;
		height: 21px;
		display: block;
		float: left;
		border-left: 2px groove red;
		
		}
	
	*:focus{
		outline: none;
	}
	
	#menuAccesosRapidos a:hover, #menuAccesosRapidos li.active{
		color: #ffffff;
		background: transparent url(../img/areanaranja.jpg) repeat-x;
		
	}
	
	#menuAccesosRapidos ul li.last {
		background:none;
	}
	
	/*
	BreadCrumbs
	*/
	
	#breadCrumbs a:link, #breadCrumbs a:hover, #breadCrumbs a:visited{
		color:#fff;
		text-decoration:none;
	}
	
	#breadCrumbs h1{
		color:#fff;
	}
		
	
	.B_crumbBox {
		color:#fff;
	}
	.provedores {
		line-height: 12px;
		padding: 2px 0!important;
	}
	.h2provedor {
		padding: 0!important;
	}
	/* Home Cuadros Principales */
	
	#footer_menus {
	width: 900px;
	clear: both;
	padding-top:32px;
	float:left;
	background: #FFFFFF;
	height: auto;
	}
	
	#footer_linea h1{
		color:#FFFFFF;
		font-family:Arial;
		font-size:14px;
		letter-spacing:1px;
		padding-left:24px;
	}
	
	.menu_subsecciones {
	float:left;
	margin-left:20px;
	overflow:hidden;
	width:200px;
	height: auto;
	padding-bottom: 10px;
	}
	
	.miniMundo {
	float: left;
    height: auto;
    margin-bottom: 10px;
    margin-left: 90px;
    overflow: hidden;
    width: 200px;
	
	}
	
	.miniMundoInterior h2{
		color:#D61F26;
		text-align: center;
	}
	
	.miniMundoInterior{
	float:left;
	margin-left:80px;
	overflow:hidden;
	width:200px;
	
	}
	
	.miniMundoInterior a{
	  margin: 0 auto;
    }
	.miniMundoInteriorMore h2{
		color:#666666;
	}
	
	.miniMundoInteriorMore {
	float:left;
	margin-left:22px;
	overflow:hidden;
	width:200px;
	height:200px;
	}
	
	.menu_subsecciones h2 a:link,.menu_subsecciones h2 a:visited, .menu_subsecciones h2 a:active, .miniMundo h2 a:link, .miniMundo h2 a:visited, .miniMundo h2 a:active   {
		color:#DF0303;
		font-size:17px;
		text-decoration:none;	
		font-weight:bold;
	}
	
	.menu_subsecciones.last{
		background:none;
	}
	
	.menu_subsecciones p, .miniMundo p{
		font-size:0.9em;
		color:#666;
		margin-top: 5px;
	}
	
	.img-subsecciones{
		display:block;
		height: 165px;
	}
	.menu_subsecciones a:link, .menu_subsecciones a:active, .menu_subsecciones a:visited {
		color: #666666; font-size: 16px;font-family:Arial;text-decoration:none;
		}
		
	.menu_subsecciones a:hover {
		color:#444;
	}
	
	.menu_subsecciones ul li {
		padding-left:14px;
		background: url("../img/vineta.jpg") no-repeat scroll 0px 7px transparent;
			
	}
	/*
	a.submenu_rojo:link, a.submenu_rojo:visited, a.submenu_rojo:active{
		color: #DF0202; font-size: 14px; font-family:Arial; text-decoration:none;
	}
	*/
	a.submenu_rojo, .ver-mas{
		display: block;
		background: transparent url(../img/btn_vermas_off.jpg) no-repeat;
		width: 63px;
		height: 17px;
		border: 0;
		margin-top: 10px;
	}
	
	a.submenu_rojo:hover, .ver-mas:hover{
		
		background: transparent url(../img/btn_vermas_on.jpg) no-repeat;
	}
	
	#condiciones {
	float:left;
	height: 179px;
	overflow:hidden;
	width:900px;
	background:transparent url(../img/bg_condiciones.jpg);
	}
	
	.condiciones_content {
	float:left;
	margin-left:30px;
	margin-top:46px;
	overflow:hidden;
	width:268px;
	}
	.sq {
	}
	.img{
	width:106px;
	
	float:left;
	}
	.text_condiciones{
	float:right;
	overflow:hidden;
	width:158px;
	color: #DF0303;
	}
	
	.text_condiciones a:link, .text_condiciones a:visited, .text_condiciones a:active {
	text-decoration:none;
	color: #ff5b22;
	}
	
	.text_condiciones p{
	color:#666666;
	font-family:Tahoma Regular, Arial !important;
	font-size:13px;
	margin: 20px 0 0 20px;
    width: 140px;
	}
	.text_down{
	color:#CCCCCC;
	float:left;
	font-family:Arial;
	font-size:13px;
	height:14px;
	width:44px;
	}
	
	.flech{
		font-size:11px;
		color:#DF0202;
	}
	
	/* Interior */
	
	#subMenu{
		clear:both;
		text-align:center;
		width:900px;
		height:27px;
		padding-top:3px;
		border-bottom:solid 2px #D61F26;
		margin-top:-5px;
		background: #ffffff;
	}
	
	#subMenuInterior{
		clear:both;
		text-align:center;
		width:900px;
		height:22px;
		padding-top:2px;
		border-bottom:solid 1px #DF0303;
	}
	
	#subMenuInterior ul li {
		display:inline;
		list-style:none;
		padding:0 13px 0 8px;
		background:transparent url(../img/assets/spacer-line.gif) no-repeat 100% center;

	}
	
	#subMenu ul li {
		display:inline;
		list-style:none;
		padding:0 13px 0 8px;
		background:transparent url(../img/assets/spacer-line.gif) no-repeat 100% center;

	}
	
	#subMenu ul li.last, #subMenuInterior ul li.last {
		background:none;
	}
	
	#subMenu ul li a:link, #subMenu ul li a:visited, #subMenu ul li a:active{
		color:#666666;
		font:0.85em "Arial Black";
		text-decoration:none;
	}
	
	#subMenu ul li a:hover{
		color:#DF0303;
	}
	
	#subMenuInterior ul li a:link, #subMenuInterior ul li a:visited, #subMenuInterior ul li a:hover{
		color:#666666;
		font:0.8em "Arial";
		text-decoration:none;
	}
	
	#subMenu ul li.active a, #subMenuInterior ul li.active a, #subMenuInterior ul li a:hover{
		color:#DF0303;
	}
	
	
	#mainContainer{
		display:block;
		width:840px;
		height:auto;
		margin:0 auto;
		padding:30px 30px 0;
		background: #ffffff;
		min-height: 150px;
	}
	#menuInteriorContainer, #miniMundos{
		background: #ffffff;
		width: 100%;
		min-height: 450px;
	}
	#mainContainer>div{
		margin:0 auto;
	}
	
	#mainContainer .leftDiv {
		width:385px;
		float:left;
		background:transparent url(../img/assets/bg-gris.jpg) repeat-x scroll 0 0;
		height:66px;
		
		padding:2px 5px 0 5px;
		margin-left: 20px;
		margin-top: 15px;
		
	}
	#mainContainer .leftDivBig {
		width:393px;
		float:left;
		background:transparent url(../img/recuadro.png) no-repeat scroll 0 0;
		height:173px;
		color:#FFFFFF !important;
		font-size: 13px !important;
		padding:2px 5px 0 5px;
		margin-left: 10px;
		margin-top: 15px;
		
	}
	#mainContainer p{
		color:#666;
		font-size:15px;
		padding:8px 0;
		text-align:justify;
	}
	#mainContainer .leftDiv p{
		color:#FFFFFF !important;
		font-size: 13px !important;
	}
	#mainContainer .leftDivBig p{
		color:#FFFFFF !important;
		font-size: 14px !important;
	}
	#mainContainer .rigthDiv {
		width:400px;
		float:right;
		height:76px;
	}
	
	/* Atencion a clientes*/
	
	#menuRedHospitales{
		float:left;
		width:300px;
	}
	
	#contentRedHospitales{
		float:left;
		width:400px;
	}
	
	#menuRedHospitales ul li{
		list-style:none;
	}
	
	#menuRedHospitales a, #menuRedHospitales a:link, #menuRedHospitales a:hover, #menuRedHospitales a:visited {
		color:#666;
		text-decoration:none;
		font-size:13px;
	}
	
	
	/* footer */
	
	#texto_final a:link,#texto_final a:visited, #texto_final a:active  {
		color: #ffffff; text-decoration: none; font-size:10px; letter-spacing:0.02em;font-family:Arial;
		}
		
	#texto_final a:hover{
		color: #DF0202;
	}
	
	#loading{
		display: none;
		width:30px;
		height:30px;
		float:right;
		background:transparent url(/segurosatlas/app/assets/js/loadinfo.net.gif) no-repeat scroll 0 0;
	}
	
	#texto_final {
	color:#ffffff;
	float:left;
	font-family:Arial;
	font-size:10px;
	height:27px;
	text-align:center;
	width:100%;
	background:transparent url(../img/bg_footer.jpg) repeat-x;
	padding-top: 15px;
	}
	
	/*se agreg� estilo rojo para texto importante*/
	.textoRojoImportante{
	color:#DF0202;
	font-family:Arial;
	font-size:17px;
	text-align:left;
	text-align:center;
	}
	
	#contenidoGeneral {
		padding-left:32px;
		width:770px;
		min-height: 450px;
		margin-top: 20px;
	}

	#contenidoGeneral ol{
		font-family:Arial;
		font-size:14px;
		color:#333333;
		padding-left: 40px;
	}
	
		#contenidoGeneral ol li{
		padding-top: 10px;
	}

	/*linea*/
	#contenidoGeneral hr{
		border-color: #888;
		margin-top:10px;
		}

	/*color para los titulos y subtitulos de informacion*/
	#contenidoGeneral h2 {
	 	color:#DF0202;
		font-size:1.3em;
		padding:22px 0;
	 }
	
	#contenidoGeneral h3{
		color:#DF0202;
		font-size:1em;
		padding:22px 0;
	}
	
	#contenidoGeneral p{
		color:#666;
		font-size:15px;
		padding:8px 0;
		text-align:justify;
	}
	
	#contenidoGeneral ul{
			font-family:Arial;
			font-size:15px;
			color:#333333;
			padding-left: 40px;
			 margin-top: 40px;
	}
		
	#contenidoGeneral ul li{
			list-style:none;
			background:transparent url(../img/bullet_rojo.jpg) no-repeat scroll 0% 0%;
			padding-left:15px;
			padding-top: 5px;
			padding-bottom: 10px;
	}
		
	#contenidoGeneral ul li strong{
			clear:both;
			/*display:block;*/
	}
	
	#contenidoGeneral a:link, #contenidoGeneral a:visited, #contenidoGeneral a:active{
				color:#DF0303;
				text-decoration: none;
			} 
	#fcontactanos ul li {
		background-image:none;
	}

#liginContainer{
	padding:10px;
	background: #ffffff;
	width: 880px;
	min-height: 200px;
}

#liginContainer fieldset{
	border:1px solid #CCCCCC;
	padding:10px;
	width:250px;
	margin: 0 auto;
}

#liginContainer fieldset legend{
	font-size:20px;
	font-weight:bold;
	padding:5px;
}

#liginContainer fieldset div{
	padding-bottom:5px;
	padding-top:5px;
	float:left;
	width:230px;
	clear:both;
}

#liginContainer fieldset div label{
	float:left;
}

#liginContainer fieldset div input{
	float:right;
}

/* Mapa M�xico */
#contenedor_mapas {
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
}

#mapas_estados {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

#mapas_estados .estado {
	position: absolute;
	left: 50px;
}

#mapas_estados .estado img {
	display: none;
}

#content_filtro_ajax {
    height: auto;
    position: relative;
    width: 100%;	
}

#mapa_mexico {
    min-height: 500px;
    position: relative;
    width: 100%;
}

#mapa_mexico #mexico {
    left: 50px;
    position: absolute;
}

#panel_mapa {
    background: url("../img/clientes/campo.png") no-repeat scroll 0 0 transparent;
    height: 183px;
    position: absolute;
    right: -80px;
    top: 40px;
    width: 310px;
}

#panel_mapa #estado {
    color: #DF0202;
    display: block;
    padding: 95px 0 0 50px;
    text-align: center;
    width: 158px;
}

#contentFiltroRedHospitales {
	background: url("../img/clientes/linea.jpg") no-repeat transparent bottom center;
	height: 170px;
	margin-top:50px;
}

#form_filter_red_hospitales {
	background: #ededed;   /*url("../img/clientes/barra_fondo.jpg") no-repeat transparent center center;*/
	margin-left: -32px;
    width: 900px;
	height: 120px;
}

#form_filter_red_hospitales fieldset {
	
}

#panel_filtro_red_hospitales {
    height: 25px;
    margin: 0 auto;
    padding: 15px 0 0;
    width: 870px;
}

#panel_filtro_red_hospitales>div {
    float: left;
    width: 20%;
}

#panel_filtro_red_hospitales h3 {
    /*float: left;*/
    font-size: 12px;
    padding: 4px 8px 0 0;
    text-transform: uppercase;
	color: #333333;
}

#panel_filtro_red_hospitales select {
    font-size: 11px;
    width: 170px;
    /*float: left;*/
    height: 23px;
}

#panel_filtro_red_hospitales select option {
	padding: 0 0 0 10px;
}


/*
#cont_estado {
    float: left;
    padding: 0;
    width: 240px;
}

#cont_municipio {
    float: left;
    width: 355px;
}

#cont_servicio {
    float: left;
    width: 275px;
}

*/

#regresarMapa {
	background: url("../img/clientes/bot_uno.png") no-repeat transparent center center;
	width: 201px;
	height: 68px;
	float: right;
	margin: -65px -90px 0;
}

#regresarMapa:hover {
	background: url("../img/clientes/bot_dos.png") no-repeat transparent center center;
}

#serviciosFiltrados {
	width: 790px;
	padding: 0;
}

.municipio {
	line-height: 13px;
	clear: both;
	padding: 10px 0;
    width: 100%;
	border-bottom: 1px dotted #999;
}

#contenidoGeneral .municipio h3 {
	padding: 20px 0 0;
}

.tipoServicio {
	padding: 10px 0;
	clear: both;
}

.tipoServicio h4 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
}

.servicio {
    border: 1px dotted #999999;
    float: left;
    margin: 5px;
    padding: 10px;
    width: 220px;
	height: 250px;
}

.servicio h5 {
    color: #666666;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 5px;
	height: 50px;
}

#contenidoGeneral .servicio p {
	font-size: 12px;
	padding: 0;
	font-weight: normal;
	text-align: left;
}

#loading_mapa {
    background: url("../img/clientes/ajax-loader.gif") no-repeat scroll 0 0 transparent;
    height: 100px;
    left: 410px;
    position: absolute;
    top: 185px;
    width: 100px;
    z-index: 5;
}

#loading_mapa_2 {
    background: url("../img/clientes/ajax-loader-2.gif") no-repeat scroll 0 0 transparent;
    display: none;
    height: 50px;
    position: absolute;
    right: 85px;
    top: 100px;
    width: 50px;
}

#loading_overlay {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 100%;
    position: absolute;
    top: 0;
    width: 898px;
    z-index: 1;
}


.jcarousel-container-horizontal{
	width: 900px; 
}






 .jcarousel-direction-rtl {
	direction: rtl;
}


 .jcarousel-clip-horizontal {
   /*width:  auto;
    height: auto;*/
}

 .jcarousel-item {
    width: 290px;
    height: auto;
}

.jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

 .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

 .jcarousel-item-vertical {
    margin-bottom: 10px;
}

 .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 150px;
    right: 410px;
    cursor: pointer;
    background: url("../img/flecha2.png") no-repeat;
	width: 10px;
	height: 18px;
	float: left;
}


.jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

 .jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
 .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-prev-horizontal {
    position: absolute;
    top: 150px;
    left: 370px;
    cursor: pointer;
    background: url("../img/flecha1.png") no-repeat;
	width: 10px;
	height: 18px;
	float: left;
}

 .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(next-horizontal.png);
}

 .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

 .jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}
#pag1, #pag2{
    background: url("../img/boton1.png") no-repeat;
	
	display: block;
	float: left;
	width: 14px;
	height: 15px;
	margin: 7px
}
#paginador-carrusel{
    margin: 0 auto;
	width: 100px;
	height: 30px;
}
.pagact{
	background: url("../img/boton2.png") no-repeat !important;
	
	
}
.pagnoact{
	
	
}
.mapa-de-sitio li{
	padding-bottom: 10px;
    padding-left: 15px;
    padding-top: 5px;
	background: none !important;
}
.mapa-de-sitio li a{
	color: #003663 !important;
	text-decoration: none;
}
			#contenidoGeneralConLinks {
				padding-left:32px;
				width:550px;
				margin:0 auto;
			}

			#contenidoGeneralConLinks ul{
				font-family:Arial;
				font-size:14px;
				color:#333333;
				padding-left: 40px;
			}

			#contenidoGeneralConLinks ul li{
				list-style:none;
				padding:10px;
			}

			#contenidoGeneralConLinks ul li strong{
				clear:both;
				display:block;
			}

			/*linea*/
			#contenidoGeneralConLinks hr{
				border-color: #eee;
				margin-top:6px;
				}

			/*color para los titulos y subtitulos de informacion*/
			#contenidoGeneralConLinks h2 {
			 	color:#000;
				font-size:1.5em;
				padding:4px 0;
			 }

			#contenidoGeneralConLinks h3{
				color:#DD1E2A;
				font-size:1em;
				padding:10px 0;
			}

			#contenidoGeneralConLinks p{
				color:#666;
				font-size:0.8em;
				padding:2px 0 2px 40px;
				text-align:justify;
			}
			
			#contenidoGeneralConLinks a:link, #contenidoGeneralConLinks a:visited, #contenidoGeneralConLinks a:active{
				color:#336699;
			}  
				#preFooter{
		padding:30px 10px;
		height:100px;
	}
	
	#preFooter blockquote{
		font-family:Arial;
		font-size:16px;
		font:bold;
		font-weight:bold;
		color:#DD1E2A;
		padding-left:39px;
		width:430px;
		float:left;
		background:transparent url(../img/bullet_gris.jpg) no-repeat scroll 4% center;
	}
	.listaSeguros{
		width:350px;
		float:right;
		display:block;
		text-align:center;
		padding:23px 0 15px 0;
	}
	
	#preFooter .listaSeguros{
		width:350px;
		float:right;
		display:block;
		padding:0;
	}
	
	#preFooter div{
		padding:20px 0 0 0;
	}
	
	div.listaSeguros a, div.listaSeguros a:link, div.listaSeguros a:visited, div.listaSeguros a:active{
		color:#505050;
		background:transparent url(../img/bullet_gris_thumb.jpg) no-repeat scroll 2% center;
		padding-left:20px;
	}
	
	#descripcion ul.listaSeguros li {
		list-style:none;
	}