/* generales */ 
body{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height:1.4em; 
    font-weight:normal;
    font-size: 0.8em;
    /*background: url("http://www.um.es/um-lr-iwp-theme/images/bg.png") repeat scroll 0 0 #F2F0E3;*/
    background: #ffffff url(/forja/pua/img/escudo_parcial.png) bottom right no-repeat !important;
    margin: 0 !important;
    
}

h1, h2, h3, h4, h5, h6{
    line-height:1.5em;
    margin:.45em 0;
    padding:0;
    letter-spacing: -1px;
} 

/* links */
a,
a:visited,
a:active,
a:hover{
    /*color:#fff;*/
    text-decoration:none;
    }

/* structure */   
.wrapper{
    width: 98%; 
    margin: 0 auto;
}
    
header{
    width:100%;
    top: 0;
    /*background: #fff;*/
    margin-bottom: 10px;
}

#cab {
    margin: 0 auto;
    max-width: 90%;
    background: none repeat scroll 0 center rgba(0, 0, 0, 0);
    height: 95px;
    padding: 10px 2px 5px;
    top: 0;
    height: auto;
}

#cab .logo-izq {
    float: left;
    width: 30%;
    position: relative;
    top: -7%;
}

#cab .logo-der {
    float: right;
    width: auto;
}

#cab .logo-cen {
    color: #AF1C2E;
    float: left;
    font-family: arial;
    font-size: 2.2rem;
    font-style: italic;
    font-weight: bold;
    left: 5%;
    position: relative;
    top: 40% !important;
    margin-top: 2%;
    width: auto;
}

nav{    
    background-color: #AF1C2E;
    padding: 3px;
    }

nav .menu{
    margin: 10px auto;
    max-width: 90%;
    }

.menu-toggle{
    width:10%;
    }
.usuario{
    margin-left: 0px; 
    border-left: 0px solid #fff; 
    padding-left: 0px; 
    width:60%;
    }
    
#content{
    margin: 0px auto;
    max-width: 90%;
}   

/* estilos aside */
aside{
    float:right;
    width: 24%;
    background: #fff;
    border: 1px solid #DDDDDD !important;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0.5% 1.5% 0.5%;
    color: #707070;
}

aside h3{   
    font-size:1.2em; 
    margin-bottom:0px;
    color: black; 
    }

aside a ,aside a:visited, aside a:hover {
	background: url('/erasmus/img/enc_enlace.png') no-repeat;
	color: #4C68A2;
    padding-left: 10px;
	
}

aside p{font-size:0.8em;
    margin-top:5px;
    }

aside ul {
    padding-left: 10px;
    margin-top:5px;
}

aside ul li{
    list-style:none;
    border-bottom: 1px dashed #888;
    font-size:0.8em;
    }
    
.bloque-aside{
    margin: 10px 5px 5px;
}

.searchfield{
    border: 1px solid #999999;
    color: #999999;
    font-size: 0.8em;
    padding: 3px 4px;
    width: 70%;
    }

.searchbutton{
    border: 1px solid #999999;
    color: #777777;
    font-size: 0.8em;
    padding: 3px 4px;
    }
    
/* fin aside */

/* estilos main */
#main{
    float:left;
    width: 73%;
    margin-right: 0.5%;
}   

.bloque{
    padding: 10px 0;
    }
    
.bloque h1,.bloque ul, .bloque p  {
    width:80%;
    margin-left: 5%;
    margin-right: 2%;
    margin-top: 5px;
    letter-spacing: -1px;
    }   
    
.bloque a, .bloque a:hover, .bloque a:visited, nav a {
    color: #fff;
    text-decoration:none;
    }

.bloque ul{
    list-style: none outside none;
    padding: 0 0 0 10px;
}
.bloque ul li{ margin-bottom: 4px; }
.bloque h1{ font-size: 1.3em;   }
    
/* fin main*/

/* FOOTER */
footer {
    width: 100%;
    margin:0;
    /*background-color:#ddd;*/
    padding: 10px 0px;
    margin-top:5px;
    }
    
footer div{}

footer #colophon {
    text-align: center;
    margin: 0px auto;
    max-width: 960px;
    font-size: 0.7em;
    color:#666;
    }
/* fin footer */

/* Contain floats */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/*GRID*/
/*
 & Columns : 12 
 */
.grid_1 { width: 5.333333333333%; }
.grid_2 { width: 13.666666666667%; }
.grid_3 { width: 22%; }
.grid_4 { width: 30.333333333333%; }
.grid_5 { width: 38.666666666667%; }
.grid_6 { width: 47%; }
.grid_7 { width: 55.333333333333%; }
.grid_8 { width: 63.666666666667%; }
.grid_9 { width: 72%; }
.grid_10 { width: 80.333333333333%; }
.grid_11 { width: 88.666666666667%; }
.grid_12 { width: 97%; }
.grid_13 { width: 100%; 
    margin:0px auto;
    float: left;
}

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
    margin-left: 1.5%;
    margin-right: 1.5%;
    float: left;
    margin-bottom:0px;
    margin-bottom:1%;
}
     
.alpha{margin-left:0px;}
.omega{margin-right:0px;}
.rightfloat{float:right;}
.leftfloat{float:left;}

/* RESPONSIVE IMAGES  */
img{ max-width:100%; height:auto;}

/****************************************
*****************************************
MEDIAQUERIES
*****************************************
****************************************/



/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/
@media all and (max-width: 320px) {
    header{font-size: 0.8em;    }
    #content p #content li {    font-size: 0.7em;   }
    #content h1 {font-size: 0.9em;  }
    .menu.usuario {
    border-left: 0 solid #FFFFFF;
    clear: left;
    float: right;
    margin-right: 5px;
    }
    
}

@media all and (max-width: 480px) {
    
    #content p, #content ul li {   font-size: 0.7em; font-size: 1rem !important; }
    #content h1 {font-size: 0.95em; font-size: 1.4rem; }
    
    .alpha{margin-left:0px;}
    .omega{margin-left:0px;}
    
    .rightfloat{float:left;}
    
    .grid_6.bloque { 
        width: 98%; 
        margin-right: 0;
    }
    header{font-size: 0.85em;   }
    aside{
        float:left;
        width: 98%;
    }
            
    .menu.usuario {
        border-left: 0 solid #FFFFFF;
        clear: left;
        float: right;
        margin-right: 10px;
    }
    
    #main{ width: 100%; }

	.usuario{
        margin-left: 20px; 
        border-left: 1px solid #fff; 
        padding-left: 20px; 
    }
    
    h1.texto_lila,
    h1.texto_azul,
    h1.texto_naranja,
    h1.texto_verde{
    	width: 200px !important;
    }
} 

@media all and (max-width: 600px) {
	#content p, #content ul li { font-size: 1.1rem !important;; }
  /*  #content h1 { font-size: 1.5rem; }*/
    
    .alpha{margin-left:0px;}
    .omega{margin-left:0px;}
    
    .rightfloat{float:left;}
    
    .grid_6.bloque { 
        width: 98%; 
        margin-right: 0;
    }
    
    #main{ margin-right: 0; }   

    .usuario{
        margin-left: 20px; 
        border-left: 1px solid #fff; 
        padding-left: 20px; 
    }
    
}

/*
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/

@media all and (min-width: 768px) {

    #content p {
        font-size: 0.7em;
    }

} 

@media all and (min-width: 920px) {

    .bloque .grid_6 {
        margin-bottom: 0px;
    }

}

/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1024px) {
    
} 

/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1240px) {
 
}
/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {


} 

/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 
  
}

/*
PRINT STYLESHEET
*/
@media print {

}

/**************************************************/

/****************** NUEVAS CLASES *******************/

.borde {
    border: 3px solid #FFFFFF;
    border-radius: 5px 5px 5px 5px;
}
.sombra {
    box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.1);
}

/* FONDOS */
.fondo-azultw{  background-color: #55AAF0;  }
.fondo-rojo{    background-color: #FF2D00;  }
.fondo-verde{   background-color: #80B839;  }
.fondo-naranja{ background-color: #FF8A00;  }
.fondo-azulfb{  background-color: #55AAF0;  }
.fondo-azulg{   background-color: #156AEB;  }
.fondo-rojog{   background-color: #D94530;  }
.fondo-verdeg{  background-color: #009C58;  }
.fondo-naranjag{    background-color: #FFB801;  }

.fondo-degradado-azul1{
    background: #007397; /* Old browsers */
    background: -moz-linear-gradient(top,  #007397 0%, #0898b9 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007397), color-stop(25%,#0898b9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #007397 0%,#0898b9 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #007397 0%,#0898b9 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #007397 0%,#0898b9 25%); /* IE10+ */
    background: linear-gradient(to bottom,  #007397 0%,#0898b9 25%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007397', endColorstr='#0898b9',GradientType=0 ); /* IE6-9 */
}

.fondo-degradado-azul2{
    background: #6D83B3; /* Old browsers */
    background: -moz-linear-gradient(top,  #3B5999 0%, #6D83B3 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B5999), color-stop(25%,#6D83B3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3B5999 0%,#6D83B3 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3B5999 0%,#6D83B3 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3B5999 0%,#6D83B3 25%); /* IE10+ */
    background: linear-gradient(to bottom,  #3B5999 0%,#6D83B3 25%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B5999', endColorstr='#6D83B3',GradientType=0 ); /* IE6-9 */

}

.fondo-degradado-rojo1{
    background: #c10b18; /* Old browsers */
    background: -moz-linear-gradient(top,  #c10b18 0%, #dc3117 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c10b18), color-stop(25%,#dc3117)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #c10b18 0%,#dc3117 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #c10b18 0%,#dc3117 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #c10b18 0%,#dc3117 25%); /* IE10+ */
    background: linear-gradient(to bottom,  #c10b18 0%,#dc3117 25%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c10b18', endColorstr='#dc3117',GradientType=0 ); /* IE6-9 */

}
    
.fondo-degradado-verde1{
    background: #5F931C; /* Old browsers */
    background: -moz-linear-gradient(top,  #5F931C 0%, #80B839 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5F931C), color-stop(25%,#80B839)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5F931C 0%,#80B839 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5F931C 0%,#80B839 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5F931C 0%,#80B839 25%); /* IE10+ */
    background: linear-gradient(to bottom,  #5F931C 0%,#80B839 25%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5F931C', endColorstr='#80B839',GradientType=0 ); /* IE6-9 */

}

.fondo-degradado-naranja1{
    background: #DD8016; /* Old browsers */
    background: -moz-linear-gradient(top,  #DD8016 0%, #FF8A00 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DD8016), color-stop(25%,#FF8A00)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #DD8016 0%,#FF8A00 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #DD8016 0%,#FF8A00 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #DD8016 0%,#FF8A00 25%); /* IE10+ */
    background: linear-gradient(to bottom,  #DD8016 0%,#FF8A00 25%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD8016', endColorstr='#FF8A00',GradientType=0 ); /* IE6-9 */

}

.fondo-degradado-lila1{
    background: #936AB5; /* Old browsers */
    background: -moz-linear-gradient(top,  #6F4D8A 0%, #936AB5 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6F4D8A), color-stop(25%,#936AB5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #6F4D8A 0%,#936AB5 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #6F4D8A 0%,#936AB5 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #6F4D8A 0%,#936AB5 25%); /* IE10+ */
    background: linear-gradient(to bottom,  #6F4D8A 0%,#936AB5 25%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6F4D8A', endColorstr='#936AB5',GradientType=0 ); /* IE6-9 */

}

.fondo-degradado-grana{
    background: #DD8016; /* Old browsers */
    background: -moz-linear-gradient(top,  #DD8016 0%, #AF1C2E 25%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DD8016), color-stop(25%,#AF1C2E)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #DD8016 0%,#AF1C2E 25%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #DD8016 0%,#AF1C2E 25%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #DD8016 0%,#AF1C2E 25%); /* IE10+ */
    background: linear-gradient(to bottom,  #DD8016 0%,#AF1C2E 25%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD8016', endColorstr='#AF1C2E',GradientType=0 ); /* IE6-9 */
/*background:#AF1C2E ;*/
}

#main li{
     list-style-image: none;
     list-style: none;
}



.breadcrumb {
  padding: 7px 14px;
  margin: 0 0 18px;
  background-color: #fbfbfb;
  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
  border: 1px solid #ddd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  text-align: left;
}
.breadcrumb li {
  display: inline-block;
  text-shadow: 0 1px 0 #ffffff;
}
.breadcrumb .divider {
  padding: 0 5px;
  color: #999999;
}
.breadcrumb .active a {
  color: #333333;
}

.breadcrumb a, .breadcrumb a:hover, .breadcrumb a:link, .breadcrumb a:visited {
  color: #436587;
}
#contenido{
	margin-left: 0px !important;
}
.cerrar_sesion{
	left: 60%;
	position: relative;
}