@charset "utf-8";
/* CSS Document */

	body{
		margin:0px;
		background:url(../img/back.jpg) top center no-repeat;
		font-family: Arial, Helvetica, sans-serif;
		color:#333;
		font-size:15px;
	}
	
	#page{
		width:980px;
		margin: 0px auto 0px auto;
	}
	
	#icon_container{
		width:180px;
		height:30px;
		position:absolute;
		float:right;
		margin-left:800px;
		margin-top:10px;
	}
	
	#icon_space{
		float:right;
		margin-left:15px;
	}
	
	#section{
		width:900px;
		height:380px;
		margin: 0px auto 0px auto;
	}


	#sec1{
		background:url(../img/bmorada.png) top left no-repeat;
		width:275px;
		height:243px;
		float:left;
		margin-top:55px;
	}
.contador {
	left: auto;
}

	
	#sec1:hover{
		background:url(../img/bmoradar.png) top left no-repeat;
	}
	
	#sec2{
		background:url(../img/brosa.png) top left no-repeat;
		width:275px;
		height:246px;
		float:left;
		margin-left:-42px;
	}
	
	#sec2:hover{
		background:url(../img/brosar.png) top left no-repeat;
	}
	
	#sec3{
		background:url(../img/bnaranja.png) top left no-repeat;
		width:265px;
		height:247px;
		float:left;
		margin-top:44px;
		margin-left:-37px;
	}
	
	#sec3:hover{
		background:url(../img/bnaranjar.png) top left no-repeat;
	}
	
	#sec4{
		background:url(../img/bamarilla.png) top left no-repeat;
		width:268px;
		height:242px;
		float:left;
		margin-top:211px;
		margin-left:-115px;
	}
	
	#sec4:hover{
		background:url(../img/bamarillar.png) top left no-repeat;
	}
	
	p span.fondoHEAD{
		display:none;	
	}
	
	
	#intro p{
		background:url(../img/bn.png) top left no-repeat;
		margin-top:-150px;
		margin-left:160px;
		width:540px;
		height:191px;
		float:left;
	}
	
	#here{
		width:90px;
		height:85px;
		float:right;
		margin-top:130px;
		margin-right:-95px;
		background:url(../img/dot.png) no-repeat;
		color:#FFF;
	}
	
	#here:hover{
		background:url(../img/dotr.png) no-repeat;
	}
	
	#header{
		height:31px;
		width:950px;
		float:left;
		margin-top:30px;
		/*margin-left:30px;*/
	}
	
	#header a{
		background:url(../img/mexrisc.png) top left no-repeat;
		height:31px;
		width:181px;
		float:left;
	}
	
	#header h1{
		display:none;
	}
	
	#content{
		width:900px;
		min-height:300px;
		margin-top:250px;
	}
	
	#header_content01{
		width:980px;
		height:297px;
		background:url(../img/que_es.png) bottom left no-repeat;
	}
	
	#header_content02{
		width:980px;
		height:297px;
		background:url(../img/diabetes_mexico.png) bottom left no-repeat;
	}
	
	#header_content03{
		width:980px;
		height:297px;
		background:url(../img/faqs.png) bottom left no-repeat;
	}
	
	#header_content04{
		width:980px;
		height:297px;
		background:url(../img/factores.png) bottom left no-repeat;
	}
	
	#header_content05{
		width:980px;
		height:297px;
		background:url(../img/conoce.png) bottom left no-repeat;
	}
	
	#header_content06{
		width:980px;
		height:297px;
		background:url(../img/quienes.png) bottom left no-repeat;
	}
	
	#header_content07{
		width:980px;
		height:297px;
		background:url(../img/eventos.png) bottom left no-repeat;
	}
	#header_content08{
		width:980px;
		height:297px;
		background:url(../img/contacto.png) bottom left no-repeat;
	}
	
	#header_content09{
		width:980px;
		height:297px;
		background:url(../img/registro.png) bottom left no-repeat;
	}

	#header_content10{
		width:980px;
		height:297px;
		background:url(../img/img_entrada.png) bottom right no-repeat;
	}

	#header_content10 h1{
		margin-top: 120px;	
		position: absolute;
		font-size: 60px;
		font-family: arial;
		width: 700px;
		letter-spacing: -3px;

	}
	

	#menu_content{
		width:980px;
		height:82px;
		background:url(../img/menu_bar.png) bottom left no-repeat;
	}
	
	#menu_content a{
		width:139px;
		height:50px;
		float:left;
	}
	
	#menu_content a:hover{
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#menu_content span{
		display:none;
	}
	
	#img_container{
		width:190px;
		min-height:615px;
		margin-top:30px;
		margin-left:10px;
		float:left;
	}
	#space{
		margin-top:18px;
	}
		
	#text_content{
		width:740px;
		min-height:200px;
		margin:30px 10px 20px 30px;
		float:left;
		text-align:justify;
	}
	
	#subtitle{
		text-align:center;
		color:#4EA7EA;
		font-size:30px;
		/*text-transform:lowercase;*/
	}
	
	#op1_selected{
		background:url(../img/op1.png) center #754D78 no-repeat;
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#op2_selected{
		background:url(../img/op2.png) center #C74E75 no-repeat;
		border-left:1px solid #fff;
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#op3_selected{
		background:url(../img/op3.png) center #FA975C no-repeat;
		border-left:1px solid #fff;
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#op4_selected{
		background:url(../img/op4.png) center #FCE05C no-repeat;
		border-left:1px solid #fff;
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#op5_selected{
		background:url(../img/op5.png) center #709F00 no-repeat;
		border-left:1px solid #fff;
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#op6_selected{
		background:url(../img/op6.png) center #4BC4A5 no-repeat;
		border-left:1px solid #fff;
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#op7_selected{
		background:url(../img/op7.png) center #3292D3 no-repeat;
		border-left:1px solid #fff;
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}

	#op8_selected{
		background:#3292D3;
		border-left:1px solid #fff;
		width:139px;
		height:40px;
		font-family: sans-serif 10px;
		/*text-shadow: 1px 1px 10px black;*/
		float:left;
		margin-top:-10px;
		color:white;
		padding-top: 20px;
		text-align: center;
		letter-spacing: 0px;
	}
	
	#menu{
		margin-top:40px;
		width:980px;
		height:82px;
		background:url(../img/menu_bar.png) bottom left no-repeat;
	}
	
	#menu a{
		width:139px;
		height:50px;
		float:left;
	}
	
	#menu a:hover{
		width:139px;
		height:60px;
		float:left;
		margin-top:-10px;
	}
	
	#menu span{
		display:none;
	}
	
	#opt1{
		background:url(../img/op1.png) center #754D78 no-repeat;
	}
	
	#opt2{
		background:url(../img/op2.png) center #C74E75 no-repeat;
		border-left:1px solid #fff;
	}
	
	#opt3{
		background:url(../img/op3.png) center #FA975C no-repeat;
		border-left:1px solid #fff;
	}
	
	#opt4{
		background:url(../img/op4.png) center #FCE05C no-repeat;
		border-left:1px solid #fff;
	}
	
	#opt5{
		background:url(../img/op5.png) center #709F00 no-repeat;
		border-left:1px solid #fff;
	}
	
	#opt6{
		background:url(../img/op6.png) center #4BC4A5 no-repeat;
		border-left:1px solid #fff;
	}
	
	#opt7{
		background:url(../img/op7.png) center #3292D3 no-repeat;
		border-left:1px solid #fff;
	}
	
	#text{
		width:980px;
	}
	
	.part {
		margin: 10px 28px ;
		width:270px;
		float:left;
		min-height:260px;
	}
	
	.part p{
		text-align:justify;
		line-height:18px;
	}
	
	.part p a{
		color:#966202;
		text-decoration:none;
	}
	
	.part .title{
		color:#4EA7EA;
		font-size:20px;
		text-transform:lowercase;
	}
	
	.part .title a{
		color:#4EA7EA;
		text-decoration:none;
	}
	
	.part .title a:hover{
		text-decoration:underline;
	}
	
	#factor_img{
		width:270px; 
		height:120px;
		background:url(../img/facts.jpg) no-repeat center;
		margin-bottom:15px;
	}
	
	#faqs_img{
		width:270px; 
		height:120px;
		background:url(../img/preguntas.jpg) no-repeat center;
		margin-bottom:15px;
	}
	
	#dia_mundial{
		width:270px; 
		height:120px;
		margin-bottom:15px;
	}
	
	#here_low{
		width:90px;
		height:85px;
		float:left;
		margin-top:10px;
		margin-left:90px;
		/*margin-right:-95px;*/
		background:url(../img/dot.png) no-repeat;
		color:#FFF;
	}
	
	#here_low:hover{
		background:url(../img/dotr.png) no-repeat;
	}
	
	a img{
		color:#FFFFFF;
		text-decoration:none;
		border:none;
	}
	
	a:hover img{
		color:#FFFFFF;
		text-decoration:none;
		border:none;
	}
	
	#style a{
		padding-left:20px;
		color:#333;
		text-decoration:none;
	}
	
	#style a:hover{
		color:#4EA7EA;
		text-decoration:none;
	}
	
	#faqs_style a{
		color:#333;
		text-decoration:none;
	}
	
	#faqs_style a:hover{
		color:#4EA7EA;
		text-decoration:none;
	}
	
	#more a{
		width:100px; 
		height:24px; 
		display:block; 
		background:url(../img/icon5.jpg) 0 0 no-repeat #fff; 
		color:#966202; 
		font:14px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; 
		padding:0 0 0 30px;
		margin:15px 0 0 140px; 
		text-decoration:none;
	}
	
	#more a:hover, .part p a:hover{
		text-decoration:underline;
	}
	
	#footer{
		height:174px; 
		background:#E6E9F0; 
		color:#fff; 
		margin:0; 
		padding:0; 
		clear:both;
	}
	
	#footerimg{
		width:980px; 
		height:174px; 
		position:relative; 
		margin:0 auto;
	}
	
	#red{
		
		height:71px; 
		margin-top:45px; 
		float:left; 
		margin-left:115px;
	}
	
	#conacyt{
		width:147px; 
		height:90px; 
		margin-top:45px; 
		float:left; 
		margin-left:115px;
	}
	
	#buap{
		width:100px; 
		height:100px; 
		margin-top:40px; 
		float:left; 
		margin-left:30px;
	}
	
	#insp{
		width:206px; 
		height:70px; 
		margin-top:55px; 
		float:left; 
		margin-left:115px;
	}
	
	.question{
		width:330px;
		position:relative;
		float:left;
		text-align:justify;
		display:block;
		padding: 0 20px 20px 0;
	}
	.description{
		width:320px;
		float:left;
		text-align:justify;
		display:block;
		padding: 55px 20px 10px 20px;
		border:solid 1px #639DCF;
		background: url(../img/description.png) top left no-repeat;
	}
	.error{
		width:320px;
		color:#970000;
		margin: 0px auto 10px auto;
		font-weight:lighter;
		font-size:11px;
		font:Arial, Helvetica, Tahoma, Geneva, sans-serif;
		background-color:#FFF4F4;
		text-align:center;
		padding:10px;
		border:solid 1px #E80005;
	}
	.men{
		width:90px;
		margin-left:83px;
		float:left;
	}
	.women{
		width:90px;
		margin-left:21px;
		float:left;
	}
	.year{
		width:130px;
		vertical-align:top;
		float:left;
		margin-top:top:-55px;
		padding-top:10px;
		margin-right:10px;
	}
	.year_select{
		width:70px;
		float:left;
		padding-top:20px;
	}
	.weight{
		margin-top:-38px;
		margin-right:35px;
		width:140px;
		float:right;
	}
	.height_{
		margin-top:-38px;
		margin-right:35px;
		width:140px;
		float:right;
	}
	.waist{
		width:140px;
		float:right;
		margin-top:-38px;
		margin-right:35px;
	}
	.waist_color{
		color:#639DCF;
	}
	
	.imc{
		color:#639DCF;
		font-size:15px;
	}
	.result{
	text-align:justify;
	font-size:16px;
	padding: 10px;
	color: #000000;
	}
	.imc_result{
	text-align:justify;
	font-size:16px;
	padding: 30px;
	color: #009900;
	}
	.style_button_start{
		width:120px;
		height:30px;
		vertical-align:middle;
		text-align: center;
		background-color:#FF6F0E;
		/*background:url(../img/button_start.png) no-repeat */
		border:none;
		color:#FFFFFF;
		font-weight:bold;
	}
	.style_button_continue{
		width:120px;
		height:23px;
		margin:0 auto;
		text-align: center;
		background-color:#FF6F0E;
		/*background:url(../img/button_start.png) no-repeat #FFFFFF;*/
		border:none;
		color:#FFFFFF;
		font-weight:bold;
		padding-top:7px;
	}
	.style_button_continue a{
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
	}
	.style_button_continue a:hover{
		color:#FFCB8F;
		font-weight:bold;
		text-decoration:none;
	}
	.style_button_left{
		width:93px;
		height:30px;
		vertical-align:middle;
		text-align: center;
		background:url(../img/button_left.png) no-repeat #FFFFFF;
		border:none;
	}
	.style_button_right{
		width:93px;
		height:30px;
		vertical-align:middle;
		text-align: center;
		background:url(../img/button_right.png) no-repeat #FFFFFF;
		border:none;
		margin-left:142px;
	}
	.style_button_result{
		width:93px;
		height:30px;
		vertical-align:middle;
		text-align:left;
		background:url(../img/button_result.png) no-repeat #FFFFFF;
		border:none;
	}
	.button1{
		width:330px;
		float:left;
		padding-right:410px;
		display:block;
		margin-top: 10px;
	}
	
	.button2{
		width:222px;
		float:left;
		padding-right:418px;
		display:block;
		padding-left:100px;
		margin-top: 10px;
	}
	.button3{
		width:100px;
		float:left;
		display:block;
		padding-right:640px;
		margin-top:10px;
	}
	.button4{
		width:260px;
		float: right;
		position: relative;
		margin-top:-29px;
		margin-bottom:20px;
		margin-right:245px;
	}
			
			
    html{
		margin:0px;
		background:url(../img/back_simple.png) top left repeat-x #FFF;
	}
	
	.part form{
		width:240px;
		padding:15px;
		/*background:#E2F1F5;*/
		background-color:#DDEBFB;
		border:#999 1px solid;
	}
	

	
	.part form label,.part form a{
		width:100%;
		margin:5px;
		font-size:12px;
		font-weight:bold;
		
	}
	
	
	.txt{
	    margin:5px;
		width:230px;
		height:20px;
		border:#CCC 1px solid;
		background-color:#FFF;
     }
	 
	 .button{
		float:right;
		margin:5px;
		height:25px;
		border:thin solid #CCC;
     }
	
	/*Eventos*/
	
	h2{
		color:#4CA5EA;
		text-align:center;
	}
	
	#calendar{
		width:760px;
		min-height:200px;
		margin-left:10px;
		float:left;
	}
	
	#titles{
	text-align:center;
	color:#4EA7EA;
	font-size:large;
	}
	#schedule{
		text-align:left;
		vertical-align:top;
	}
	
	#sesion{
		width:980px;
		height:24px;
		text-align:right;

		background:url(../img/menu_bar2.png) bottom left no-repeat;
	}
	
	
	#form-reg h3{
		padding-left:85px;
		float:left;
		font-size:13px;
		width:300px;
		height:20px;
		margin:5px;
	}
	
	#form-reg input,#form-reg select, .radio div{
		float:left;
	}
	
	#form-reg textarea{
	    margin:5px;
		width:290px;
		height:80px;
		border:#CCC 1px solid;
		background-color:#FFF;		
		float:left;
	}
	
	#form-reg p{
		font-size:11px;
	}
	
	.radio{
		width:290px;
		display:block;
		float:left;
	}
	
	#register-button{
		margin-top:20px;
		margin-left:525px;
	}
	
	
	.warning{
		width:630px;
		text-align:right;
		margin-right:120px;
		float:left;
	}
	
	.bad{
		font-size:11px;
		color:#900;
	}
	
	.good{
		font-size:11px;
		color:#390;
	}
	.progressbar {
	width: 100%;
	float: left;
	height: 40px;
}
#flotante
{
	position: absolute;
	display:none;
	font-family:Arial;
	font-size:0.8em;
	width:300px;
	border:1px solid #808080;
	background-color:#f1f1f1;
}
#Tabla_FindRisk_Interna {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #006;
}
.diviDate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	font-style: italic;
	line-height: normal;
	font-weight: bolder;
	text-align: center;
	color: #B81D4F;
	width: 100%;
}

#msjDoc{
text-align:center;
width:300px;
height:90px;
padding:50px;
color:rgba(255,255,255,1); 
border-radius:15px;
font:"Arial Black", Gadget, sans-serif;
font-size:14px;
position:absolute;
top:50px;
right:100px;
z-index:100;
background-color:rgba(51,51,51,.2);
}

/*nuevos cambios para parte del usuario e inicio de sesion;*/

#sesion a{
	/*text-decoration: none;*/
	color: black;
}
#sesion a:hover{
	/*text-decoration: none;*/
	font-size: 105%;
}

.last_fecha{
	display: block;
	clear: left;
}