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

*{
	margin: 0;
}
body{
	background: write;
	color: #FFF;
	font-family: arial;
	font-size: 16px;
	text-shadow: 1px 1px 0 rgba(0,0,0,.3);
}
.total{
	width:100%;
	height:100%;
	position: absolute;
	z-index: 2;
	}
header{
	background: write;
	}
	
img#logo{
	diplay:block;
	width:100%;
	max-width:337px;
	min-width:200px;
	}
	
#contenedor{
	/* [disabled]background: red; */
	margin: 0 auto;
	max-width: 1200px;
	z-index: 2;
	}
#webs{
	background: #e6eaed;
	/*padding: 20px;*/
	text-align: center;
	/*height: 300px;*/
	color: #0063b2;
	}
#webs article{
	display: inline-block;
	margin: 25px 25px 25px 15px;
	margin-right: 50px;
	padding: 5px;
	width: 100%;
	max-width: 175px;
	height: 245px;
	background-image: url(../price.png);
	overflow: hidden;
	}
#webs article:hover{
		background-position:-190px 0
	}
#webs article2{
	display: inline-block;
	margin: 25px 25px 25px 15px;
	margin-right: 50px;
	padding: 5px;
	width: 100%;
	max-width: 175px;
	height: 245px;
	background-image: url(../pickup.png);
	overflow: hidden;
	}
#webs article2:hover{
		background-position:-190px 0
	}
	
#article3{
	/*background: white;*/ 
	display: inline-block;
	margin: 25px 25px 25px 0px;
	/* [disabled]margin-right: 50px; */
	padding: 5px;
	width: 100%;
	max-width: 380px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	text-align: justify;
	box-sizing: border-box;
	}
#article4{
	/* [disabled]background: white; */
	display: inline-block;
	margin-left: 0px;
	margin-bottom: 25px;
	padding: 5px;
	width: 100%;
	max-width: 215px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	text-align: justify;
	box-sizing: border-box;
	}

#article5{
	background: white;
	display: inline-block;
	margin: 25px 25px 25px 5px;
	padding: 5px;
	width: 100%;
	max-width: 280px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	box-sizing: border-box;
	}
#article6{
	/* [disabled]background: white; */
	display: inline-block;
	margin: 25px 25px 25px 0px;
	padding: 5px;
	width: 100%;
	max-width: 500px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	text-align: justify;
	box-sizing: border-box;
	}
#article7{
	background: white;
	display: inline-block;
	margin: 25px 25px 25px 5px;
	/* [disabled]margin-right: 50px; */
	padding: 5px;
	width: 100%;
	max-width: 300px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	/* [disabled]text-align: justify; */
	box-sizing: border-box;
	}
#article8{
	/* [disabled]background: white; */
	display: inline-block;
	margin: 25px 25px 25px 0px;
	/* [disabled]margin-right: 50px; */
	padding: 5px;
	width: 100%;
	max-width: 400px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	text-align: justify;
	box-sizing: border-box;
	}
#article9{
	/* [disabled]background: white; */
	display: inline-block;
	margin: 25px;
	/* [disabled]margin-right: 50px; */
	padding: 5px;
	width: 100%;
	max-width: 210px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	box-sizing: border-box;
	}
#article10{
	/* [disabled]background: white; */
	display: inline-block;
	margin: 10px 10px 0px 0px;
	/* [disabled]margin-right: 50px; */
	padding: 5px;
	width: 100%;
	max-width: 700px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	text-align: justify;
	box-sizing: border-box;
	}
#article15{
	/* [disabled]background: white; */
	display: inline-block;
	margin: 10px 10px 10px 0px;
	/* [disabled]margin-right: 50px; */
	padding: 5px;
	width: 100%;
	max-width: 700px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	text-align: justify;
	box-sizing: border-box;
	}
#article16{
	/* [disabled]background: white; */
	display: inline-block;
	margin: 10px 10px 10px 0px;
	/* [disabled]margin-right: 50px; */
	padding: 5px;
	width: 100%;
	max-width: 600px;
	/* [disabled]height: 245px; */
	overflow: hidden;
	text-align: justify;
	box-sizing: border-box;
	}
	
.avatar,.personal{
	fload:left;
	}
.personal{
	height: 375px;
	/* [disabled]background-color: #2d579a; */
	z-index: 1;
	}
.avatar{
	border: 5px solid white;
	padding:10px;
	margin-left:20px;
	background-color: #FFF;
		}
.fondo1{
	width: 100%;
	background: #2d579a;
	background-image: url(../fondo.jpg);
	height: 375px;
	z-index: 0;
	fload: left;
	position: absolute;
	top: 104px;
	}
.fondo2{
	width: 100%;
	background: #e6eaed;
	height: 590px;
	z-index: 0;
	fload: left;
	position: absolute;
	top: 480px;
	left: -1px;
	}
#pie{
	background: #4d4e53;
	text-align: center;
	background-image: url(../fondo_footer.jpg);
	height:208px;
	}
.pie1{
	margin:0 auto;
	/*margin-top:35px;*/
	height:150px;
	width:100%;
	max-width:1200px;
	}
.pie2{
	margin-top:5px;
	width:100%;
	max-width:544px;
	/*height:98px;*/
	float: left;
	position: relative;
	}
img#pie2{
	diplay:block;
	width:100%;
	max-width:544px;	
	}
.pie3{
	margin-top: 5px;
	width: 100%;
	max-width: 214px;
	height: 10px;
	float: right;
	position: relative;
	height: 98px;
	background-image: url(../pie3.png)
	}
.pie4{
	margin:0 auto;
	margin-top:5px;
	width:100%;
	max-width:1200px;
	background-image:url(../linea.png);
	height:2px;
	float:right;
	}
#titulo{
	padding-left:20px;
	text-align: left;
	margin:20px 0px 20px 0px;
	width:100%;
	float: left;
	z-index: 20;
	}
.cabecera{
	border:1px solid #F00;}


#uno{
	/* [disabled]background: blue; */
	display: inline-block;
	margin: 25px;
	padding: 5px;
	width: 100%;
	max-width: 116px;
	height: 115px;
	background-image: url(../price2.png);
	overflow: hidden;
	}
#uno:hover{
		background-position:-133px 0
	}
#dos{
	/* [disabled]background: blue; */
	display: inline-block;
	margin: 25px;
	padding: 5px;
	width: 100%;
	max-width: 116px;
	height: 115px;
	background-image: url(../pickup2.png);
	overflow: hidden;
	}
#dos:hover{
		background-position:-133px 0
	}
#form{
	margin: 10px;
	display: inline-block;
	float: left;
	/*background-color: #FF0;*/
	/* [disabled]width: 100%; */
	/* [disabled]max-width: 170px; */
	/* [disabled]height: 30px; */
}