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




body {
	background-color: #F6F6F6;
	text-align: center;
}
@font-face{
 font-family: "voda";
 src: url("../dis.ttf");
}
.im {  


	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	font-size:12px; 
	padding:10px;
	border:0px;
	background-color:#F5F5F5;


}

.im2 {  


	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	font-size:12px; 
	color:#555;
	padding:7px;
	border:0px;
	background-color:#E9E9E9;
	width:100px;
	cursor:pointer;
	
	


}
.im2:hover {  


	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	font-size:12px; 
	color:#006;
	padding:10px;
	border:0px;
	background-color:#049DFB;
	width:100px;
	
	


}
.cuadrado{
	width:130px;
	float:left;
	margin-top:20px;
	margin-left:2.5%;
	padding:1%;
	border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	background-color: #FFF;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f5f5f5", GradientType=0 );
	-webkit-box-shadow: -8px 9px 35px -1px rgba(0,0,0,0.08);
	-moz-box-shadow: -8px 9px 35px -1px rgba(0,0,0,0.08);
	box-shadow: -8px 9px 35px -1px rgba(0,0,0,0.08);
	height: 130px;

}
 .cuadradoo{
	margin-top:20px;
	width:500px;
	float:left;
	margin-left:2.5%;
	padding:1%;;
		padding-left:20px;;
	border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	
	background-color: #FFF;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,245,245,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,245,245,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f5f5f5", GradientType=0 );
	-webkit-box-shadow: -8px 9px 35px -1px rgba(0,0,0,0.08);
	-moz-box-shadow: -8px 9px 35px -1px rgba(0,0,0,0.08);
	box-shadow: -8px 9px 35px -1px rgba(0,0,0,0.08);
	height: auto;
	 min-height: 130px;
	text-align: justify;
}

.cuadrado1 {
	width:100%;
	background:#f2f2f2;
	float:left;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	border: 2px solid #dedede;
	text-align: center;


}
.cuadrado111 {


	width:100%;
	background:#fff;
	float:left;

	




}
.cuadrado2 {
	border: 0px solid #000000;
	border: 0px solid #000000;
	width:150px;
	
	float:left;
	text-align:left;
	padding:1%;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	margin-left:2.5%;
	font-family: voda;
	font-size: 12px;
	color: #000;
	line-height: 22px;
	letter-spacing: 0.1em;
	word-spacing: .1em;
}
.cuadrado3 {
	border: 0px solid #000000;
	border: 0px solid #000000;
	width:150px;
	
	float:left;
	text-align:left;
	padding:1%;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	margin-left:15%;

	font-size: 12px;
	color: #000;
	line-height: 22px;;}
	.boton{
		font-family:voda;
	/* estilos para la tipografia del botón*/
	color: #000;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	text-decoration:none;

	/* propiedades para la animacion del boton */
	
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	position: relative;
	bottom: 0;
	letter-spacing: .1em;
	
}


.boton:hover{
	font-size:12px;
	/* Posicion del boton al clickearlo */
letter-spacing: .2em;
		color:#3f89c6;
}

	.boton2{
		font-family:voda;
	/* estilos para la tipografia del botón*/
	color:#3f89c6;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	text-decoration:none;

	/* propiedades para la animacion del boton */
	
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	position: relative;
	bottom: 0;
	letter-spacing: .1em;
	
}
.boton3{
		font-family:voda;
	/* estilos para la tipografia del botón*/
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	text-decoration:none;

	/* propiedades para la animacion del boton */
	
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	position: relative;
	bottom: 0;
	letter-spacing: .1em;
	
}


.boton3:hover{
	font-size:12px;
	/* Posicion del boton al clickearlo */
letter-spacing: .2em;
		color:#3f89c6;
}
.boton4{
	
			font-family:voda;
	/* estilos para la tipografia del botón*/
	color:#FFF;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	text-decoration:none;

	/* propiedades para la animacion del boton */
	
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	position: relative;
	bottom: 0;
	letter-spacing: .1em;
	font-size:12px;
	/* Posicion del boton al clickearlo */
letter-spacing: .2em;
		color:#0CF;
}
.xcvx {
	color: #EFEFEF;
}

	.botonul{
	font-family:voda;
	/* estilos para la tipografia del botón*/
	color:#333;
	font-size: 12px;
	font-weight: bold;
	cursor: pointer;
	border: 0;
	text-decoration:none;
	

	/* propiedades para la animacion del boton */
	
	transition: all .2s linear;
	line-height:15px;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	position: relative;
	bottom: 0;
	letter-spacing: 0.1em;	
}


.botonul:hover{
	font-size:10px;
	/* Posicion del boton al clickearlo */
letter-spacing: .2em;
		color:#000;
}



.cuadrado2 {	border: 0px solid #000000;
	border: 0px solid #000000;
	margin-left:40px;	width:110px;
	float:left;
	text-align:left;
	padding:1%;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	margin-left:35px;
	font-family: voda;
	font-size: 12px;
	color: #000;
	line-height: 22px;
	letter-spacing: 0.1em;
	word-spacing: .1em;
}
.cuadrado3 {	border: 0px solid #000000;
	border: 0px solid #000000;
width:110px;
	float:left;
	text-align:left;
	padding:1%;
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;

	font-size: 12px;
	color: #000;
	line-height: 22px;
font-family: voda;
}