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

body {
	/*font-family: 'Roboto', sans-serif;*/
	font-size:11px;
	margin:0;
	text-align:center;
}

img {
	border:0;
}

h1, h2, h3, p {
	margin:0;
}
	
a {
	color:#ffffff;
	text-decoration: none;
	font-weight:700;
}
a:link {
	color:#ffffff;
	text-decoration: none;
	}
a:hover {
	color:#ffffff;
	text-decoration: none;
	
	}
	
hr {
background-color: #008636;
height: 1px;
border: 0;
color: #008636;
}

	.container {
		width:996px;
		margin:0px auto;
		font-size:1em;
		align-content: center;
	}

	/* para 980px o menos */

	@media screen and (max-width:980px) {
		.container { width:98%;
		}		
	}

 

	/* para 700px o menos */

	@media screen and (max-width:700px) {
		section {
			float:none;
			width:96%;
		}
	}

 

	/* para 480px o menos */

	@media screen and (max-width:480px) {
		section {
			width:94%;
		}
	}


/*Contenido*/	
/*
.encabezado {
	margin-top:181px;
	float:left;
	padding-left:187px;
	width: 318px;
	height: 36px;
	text-align:left;
	line-height: 100%;
	font-size: 195%;
	font-weight: bold;
	color: #3b70aa;	
	}

.llamado {
	clear: left;
	margin-top:5px;
	float:left;
	margin-left:187px;
	width: 318px;
	height: 152px;
	background: url(images/llamado.png) top left no-repeat;
	}
	
.remate {
	clear:left;
	margin-top:23px;
	float: left;
	padding-left:187px;
	width: 318px;
	height: 53px;
	text-align: left;
	line-height: 120%;
	font-size: 200%;
	font-weight:bold;
	color: #3b70aa;	
	}
	
.caja_btn {
	clear:left;
	margin-top:10px;
	float: left;
	margin-left:187px;
	width: 318px;
	height: 40px;
	}
	
.boton {
	padding-top:10px;
	display:block;
	width: 102px;
	height: 35px;
	float: right;
	background: url(images/boton.png) center no-repeat;
	font-size: 190%;
	font-weight:bold;
	color: #ffffff;
	}

.boton:hover {
	background: url(images/boton_roll.png) center no-repeat; 
	}
 
.boton a { 
	display: block;
	}*/