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

body{
	background:#666;
	margin:0;
	}

header{
	min-height:175px;
	background:#FFF;
	}

#cabecera{
	background:#FFF;
	max-width:1200px;
	min-height:175px;
	margin:0 auto;
	}

#menu{
	background:#F30;
	}


#horizontal{
	background:#096;
	max-width:1200px;
	margin:0 auto;
	}

#banner{
	background:#000;
	max-width:1200px;
	height:800px;
	margin:0 auto;
	}

#banner img{
	width:100%;
	height:100%px;
	}

/*PIE DE PAGINA*/
footer{
	background:rgba(0,204,153,1);
	min-height:100px;
	margin:0 auto;
	}

#pie{
	background:rgba(51,102,255,1);
	max-width:1200px;
	min-height:100px;
	margin:0 auto;
	}

/*PIE DE PAGINA*/

/*PANTALLA DE PC*/
@media screen and (min-width:800px)
{
	#logo{
	margin:0 0 0 12px;
	float:left;
	}
	
	#logo img{
	max-width:600px;
	height:170px;
	}
	
	#cabcontacto{
	
	width:200px;
	height:40px;
	float:right;
	
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	margin:60px 20px 0 0;
	color:#666;
	}
}

/*PANTALLA DE CELULAR*/
@media screen and (max-width:800px)
{
	#logo{
	padding:12px 0 0 12px;
	text-align:center;
	/*float:left;*/
	}
	
	#logo img{
	max-width:500px;
	height:150px;
	}
	
	#cabcontacto{
	
	width:200px;
	height:40px;
	/*float:right;*/
	
	font-family: 'Roboto', sans-serif;
	font-size:17px;
	padding:0 0 20px 20px;
	color:#666;
	}
}