body{
	font-family: 'Ubuntu', sans-serif;
}
h1{
	display: none;
}
a{
	color: #000000;
	text-decoration: none;
}
a:hover{
	color: #009cde;
}
p{
	margin:0;
}
input{
	font-family: 'Ubuntu', sans-serif;
}
input[type="text"], input[type="password"]{
	padding: 1px 5px;	
}
input[type="submit"]{
	cursor: pointer;
	font-size: 1em;	
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #C0C0C0;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #C0C0C0;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #C0C0C0;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:    #C0C0C0;
}
#header{
	width: 100%;
	text-align: center;
}
#buttons{
		clear: both;
		padding-top: 10px;
}
#buttons p{
	padding-top: 10px;
	padding-bottom: 20px;
	color: #7a7a7a;
	font-size: 0.9em;
}
.bola h2{
	font-size: 1.4em;
}
.bola h3{
	font-weight: 400;
	font-size: 1.1em;
	margin-bottom: 12px;
}
#collegiats h2{
	margin-bottom: 0px;
}
#collegiats h3{
	margin-top: 5px;
	margin-bottom: 10px;
}
#collegiats form{
	padding-bottom: 9px;
}
.webmail{
	border-top: 1px solid #FFFFFF;
	padding: 4px 35px 0;
}
#web_coooc li{
	list-style: none;
	padding-bottom: 2px;
}
#web_coooc p{
		text-align: center;
}	
#salut li{
	padding-bottom: 11px;
}
#salut p{
		text-align: center;
}	
#optiques{
	clear: both;
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}
#optiques img{
	vertical-align: middle;
	padding-right: 8px;
}
#optiques a{
	color: #009cde;
}
#optiques a:hover{
	color: #000000;
}
#footer{
	background: #e8e8e8;
	min-height: 43px;
	text-align: center;
}	
#footer p{
	padding-top: 14px;
	font-size: 0.75em;
	line-height: 1.4em;
}
@media (min-width: 940px){
	body{
		background-image: url(../images/fons_home.jpg);
		background-repeat:no-repeat;
	  background-position: center top; 
	}
	#header{
		padding-top: 30px;
	}
	#main{
		width: 780px;
		margin: 0 auto;
		padding-top: 50px;
	}
	.bola{
		width: 240px;
		height: 245px;
		float: left;		
	}	
	.bola h2, .bola h3{
		color: #FFFFFF;
		text-align: center;
	}	
	#salut{
		padding-top: 28px;
		margin-right: 23px;		
		padding-left: 5px;
	}
	#salut ul{
		margin-left: 8px;
	}
	#salut li{
		list-style-image: url(../images/arrow.png);
		font-weight: 500;
	}
	#web_coooc{
		padding-top: 28px;
		margin-right: 28px;
	}
	#web_coooc ul{
		padding-left: 2px;
	}
	#web_coooc li{
		text-align: center;		
		padding-bottom: 3px;
	}
	#web_coooc li a{		
		color: #FFFFFF;
		font-size: 0.9em;		
	}	
	#web_coooc li a:hover{		
		color: #005579;
	}
	#web_coooc p a:hover{
		color: #FFFFFF;
	}
	#collegiats{
		padding-top: 28px;
		text-align: center;
	}
	#collegiats input{
			border: none;
	}
	#collegiats input[type="text"], #collegiats input[type="password"]{
		margin-left: 2px;
	}
	#x_user, #x_password{
		width: 125px;
		height: 25px;
		margin-bottom: 5px;
	}
	#btn_entrar{
		background: none;
		font-weight: 400;
	}
	#buttons{
		width: 600px;
		padding-top: 50px;
		margin: 0 auto;
	}
	#social{
		width: 280px;
		float: left;
		text-align: right;
		padding-left: 30px;
	}
	#premsa{
		width: 170px;
		float: left;
		padding-left: 110px;
		margin-top: -15px;
	}
	
} /** end media 940 **/

#premsa .revista {
	top: 9px;
    position: relative;
}

@media (min-width: 0px) and (max-width: 479px) {
	.bola{
		background: #DCF1FA;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	.bola h2{
		padding: 9px 10px 1px;
		margin-bottom: 1px;
		color: #009cde;
	}
	.bola h3{
		padding-left: 15px;
	}
	#web_coooc p{
		padding-bottom: 10px;
	}
	.bola form{
		padding-left: 20px;
		padding-bottom: 15px;
	}		
	.webmail {
	    border-top: 1px solid #ffffff;
	    display: block;
	    padding: 4px 10px 5px 0;
	    text-align: center;
	    width: 100%;
	}
	
}