@charset "utf-8";
/* CSS Document */
@import url("standard.css");
.wrapper{
	max-width:1280px; 
	margin:0 auto;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
	font-size:0.95em; 
}
h1 { 
	font-family: 'Catamaran', sans-serif;
	font-size:4em;
	line-height:2em;
}
h1 a{
	text-decoration:none; 
	color:#999; 
	outline:none;
}
h1 span{
	color:#CCC;
	font-size:1.3em;
	vertical-align:sub;
}
nav{
	padding:1em 0;  
	border-top:solid 1px #666; 
	border-bottom:solid 1px #666;
	background-color:#CCC;
}
nav ul{
	list-style:none;
	margin-bottom:1em;
	text-align:center;
}
nav li{
	display:inline;
	padding:3em;
}
a{
	text-decoration:none;  
	outline:none;
}
nav a{
	font-weight:bold;
	color:#666;
}
	
/* for touch screen 'top' icons: */
main a{
	color:#000;
	font-size:2em;
	padding:0 20px 10px 0; 
}
#bss a, #stars a, #campesinos a, #constantines a{
	color: #FFF;	
}
footer a{
	padding:0 3em;
	color:#666;
}
footer{
	background-color:#eee;
	border-top:solid 1px #666;
	padding:6em 0;
	text-align:center;
}
h3{
	padding:1em 0 0.5em;
}
main ul{
	list-style-type:none;
	padding-bottom:1em;	
}
main li{
	line-height:1.6em;	
}

section{
	padding:2em 0;
}
.top{
	background-color:#d0c2b9;
}
.top img{
	padding:10px; 
	border:solid 2px #666;
	background-color:#FFF;
	}	
#bss{
	background-color:#000;
	color:#FFF;
}
#bss img{
	border:solid 1px #FFF;	
}
.right{
	float:right;
	padding-top:2em;	
}
#stars{
	background-color:#3f5c7f;
	color:#FFF;
}
#campesinos{
	background-color:#d52016;
	color:#FFF;
}
#constantines{
	background-color:#000;
	color:#FFF;
}
@media screen and (max-width:1280px){
	h1{
		padding:0 0.2em;
	}
	nav li{
		padding:0 1.5em;
	}
}	
@media screen and (max-width:960px){
	nav li{
		padding:0 0.5em;
	}
}	
@media screen and (max-width:840px){
	nav li{
		padding:0 0.3em;
		font-size:0.95em;
	}
}
@media screen and (max-width:740px){
	nav li{
		padding:0 0.2em;
		font-size:0.9em;
	}
}
@media screen and (max-width:680px){
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, col11, .col12{
		width:96%;
		margin:0 auto;
		float:none;
	}
	header .col9{
		width:75%;
		float:left;
	}
	header .col3{
		width:25%;
		float:left;
	}
	h1{
		font-size:2em;
		line-height:1em;
	}
	nav li{
		display:block;
		width:100%;
		text-align:center;
		font-size:1.5em;
		padding:0.4em 0;
	}
}