@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: Roboto;
    src: url(../../fonts/Roboto-Regular.ttf);
}
@font-face {
    font-family: RobotoMedium;
    src: url(../../fonts/Roboto-Medium.ttf);
}
body{
	font-family:'Roboto', Verdana, Geneva, sans-serif;
	font-size:84%;
	/*background: #F0F0F0;*/
	margin:0px;
	line-height:1.2;
	}
a,a:visited {
	text-decoration:none;
	color: #002b81;
}
a:hover, a:active {
	color: #727171; 
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
}
img {
	max-width:100%;height:auto;
}
.webwidth {
	width:1100px;
	margin: 0px auto;
	}
.clear{
	clear:both;
	}
/*-------------------------topheader-------------------------*/

#mainheader{
	position: relative; 
	padding: 0px 0px 10px ;
	margin-bottom: 20px;
	clear:both;
	background-color:#002b81 ;
	/*background-color:#014876 ;*/
}
#mainheader .logo{
	float:left;
	/*background:url(../../images/imglog/logoweb.png);*/
	text-indent: -999px;
}
#mainheader nav{
	width:auto;
	color:#FFFFFF;
	font-size:16px;
	height: auto;
	/*background: #002b81;*/
}
#mainheader nav ul{
	list-style:none;
	margin: 0 auto;
}
#mainheader nav li{

	display:inline;
}
#mainheader nav a, #mainheader nav a:visited{
	display:inline-block;
	color:#FFFFFF;
	padding: 20px 20px;
}
#mainheader nav a:hover, #mainheader nav a:active{
	color: #0E0808;
	background:#C5C1C1;
}
/*------------------------------------------------Container--------------------*/

#container{
	clear:both;
	height:auto;
}
#content{
	width:67%;
	float:left;
	background: #FFFFFF;
	padding: 0 10px 10px;
	margin:0 0 20px 0;
	min-height: 300px;
	line-height:1.6;
	
}
/* General List */
#Glist article {
	border: #D3D3D3 solid 1px;
	margin: 0px 0px 15px ;
	padding: 0px 5px;  
	border-radius: 2px;
	moz-border-radius: 2px;
	webkit-border-radius: 2px;
} 
#Glist h2{
	margin-top:8px;
	color: #002b81;
	font-size:17px;
}
#Glist img {
	float:right;
	margin-left:10px;
	border-radius: 30px ;
	moz-border-radius: 30px;
	webkit-border-radius: 30px;
	/*border:#CDCDCD solid 1px;*/
	margin-top:-30px;
	
}
#Glist .desc{
	text-align:justify;
}
#Glist .location {
	background:url(../../images/location-small.png) no-repeat left center;
	padding:0px 20px;
}
#Glist .date {
	background:url(../../images/date-small.png) no-repeat left center;
	padding:0px 20px;
}
#Glist p{
	color: #111111;	
}
#Glist article:hover{
	background: #F5F5F5;
	opacity:0.7;
	}
/* jobs_list.php - Filtre */
#BecasFilter{
	background:#E8E8E8;
	margin: 0px 0px 20px;
	padding: 10px
}
.button-becas, .button-becas:visited{
	display:block;
	background-color: #C40003 ;
	color: #FFFFFF ;
   /* border: 1px solid #002b81;*/
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    margin: 4px 16px;
    -webkit-transition-duration: 0.4s; /* Safari */
	-moz-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.button-becas:hover {   
	background-color: #E3E3E3 ; 
	color: #002b81; 
}
/*------------------------------------------------Aside--------------------*/
#menu{
	width:25%;
	float:left;
	margin-left:20px;
}
.leftmenu{
	width:97%;
	float:left;
	background: #E3E3E3;
	margin: 0 0 20px;
	padding: 10px;
	border-radius: 3px;
	moz-border-radius: 3px;
	webkit-border-radius: 3px;
}
.leftmenu h4{
	background: rgba(0, 43, 129, 0.9);
	text-align:center;
	color:#fff;
	margin: 5px 0;
	height: 30px;
	border-radius: 3px;
	moz-border-radius: 3px;
	webkit-border-radius: 3px;
	line-height:30px;
	clear:both;
}
.left_menuarea {
	position: inherit;
	padding: 0px 0px 5px;
	float: left;
	height: auto;
	width: 100%;
	/*background-color: #DCF5E2;*/
}
.left_menuopcion {
	/*font-size:15px;*/
	font-weight: 500;
	color: #252525;
	text-decoration: none;
	background: url(../../images/bullet_gray.png) no-repeat center left;
	border-bottom: #CCC dashed 1px;
	margin: 0px;
	float: left;
	width: 90%;
	padding: 7px 0px 7px 18px;
}

.left_menuopcion:HOVER {
	font-variant: normal;
	color: #0044CC;
}
.left_menuopcion:visited {
	color: #252525;
}
#social-network{
	text-align:center;
	line-height: 0.8 !important;
	}
#social-network img{
	margin:0 3px;
	}
/*------------------------------------------------Footer--------------------*/
#fotter{
	/*text-align:center;*/
	background: #04034E;
	margin:0px;
	padding:25px 10px 10px 10px;
	color:#FFFFFF;
	clear:both;
}
#fotter .copyrights {
	font-size: 10px;	
	color: #949494;
}
a.fotterlink {
	color: #D9D9D9;
}
a.fotterlink:hover {
	color: #c7cbce;
	text-decoration:underline;
}

#fotter .column{
	display:block; 
	float:left;
	}
#fotter .small{
	width:23%
	}
#fotter .big{
	width:29%
	}
#fotter .list{
	list-style:none; 
	line-height:1.8; 
	margin:0px; 
	padding-left:0px;
	}
#fotter .social-icon{
	padding: 0 4px;
	}
@media only screen and (min-width: 150px) and (max-width: 880px)  {
	.webwidth {
		width:95%;}
	/*------------------------------------------------topheader--------------------*/
	#mainheader nav{
		width:100%;}
	#mainheader nav ul{
		padding-left:5px;
		}
	#mainheader nav a{
		padding: 20px 10px;
		}
	#search-header{
		padding-bottom:20px;
		margin-top:20px;
		}
	#search-header .title{
		font-size:180%;
		}
	#search-header .box{
		width:80% !important; 
		display:block;
		margin: 10px auto;
		}
	
	#search-header .go{
	width:69% !important; 
	}
	/*------------------------------------------------Aside--------------------*/
	#menu{
		width:92%;
		margin-left:0px;
		padding: 0 10px;
		text-align:center;}
	/*------------------------------------------------Container--------------------*/
	#content{
		width:95%;} 
	/* Job List */
	#Glist img {
		width:90px;
		height:90px;
		margin-top:0px;
	}
	/*------------------------------------------------Footer--------------------*/
	#fotter .column{
		text-align:center;
		margin:0 auto;
	}
	#fotter .small{
		width:100%
		}
	#fotter .big{
		width:100%
		}
	#fotter .copyrights {
	text-align:center;
	}
	
}