@charset "utf-8";
/*
	Name: ABE
	Date: February 2016
	Description: Styles for all versions. Responsive Layout.
	Version: 1.0
	Author: Web Line Service
	Autor URI: http://www.weblineservice.com
*/

/* Google Fonts */
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900);


/**************/
/* Structure */
/************/

body {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

    /* Header */
    
    div.header-infinite {
        width:100%;
        height:auto;
        background:#003A6A;
    }
    
    header {
        width: 93%;
        max-width: 1200px;
        height:auto;
        margin: 0 auto;
        

    }
    
        header a img {
            width:100%;
            max-width:399px;
            border:none;
            float:left;
        }
		
		header div.date {
			width:auto;
			height:auto;			
			/*margin:25px 0 0 0;*/
			float:right;
			padding: 1em 0;
			text-align: right;
		}
		
			header div.date span#clock{
				font-family: Arial,sans-serif;
				font-size:0.8em;
				font-weight:lighter;
				color:#CDDFED;
			}

			.extras{
				display: grid;
			}

		.social{
			display: flex;
		    align-items: center;
		    justify-content: flex-end;
			}

		@media (max-width: 500px){
			.extras{ 
				display: none;
			 } 
		}	

.social a img {max-width: 35px !important; width: 100%;}
	

        
    /* Menu */
    
    div.menu {
        width:100%;
        background:#004884;
        margin:0 0 6px 0;
    }
    
     div.menu-content {
        width: 93%;
        max-width: 1200px;
        height:auto;
        margin: 0 auto;
        background:red;
    }
    
    /* Slider */
    
    div.slider {
	width: 100%;
	height:auto;
        background:#CDDFED;
        margin:6px 0 1% 0;
    }
    
	div.slider-content {	       
	    width:93%;
	    max-width: 1200px;
	    height:auto;
	    margin:0 auto;
	}
    
    /* News */
    
    section.news {
        width: 93%;
        max-width: 1200px;
        height:auto;
        margin:0 auto 1.2% auto;;
    }
    
	section.news h1 {
	    font-family: 'Raleway', sans-serif;
	    font-size:1.4em;
	    font-weight:lighter;
	    color:#53739A;
	    text-transform: uppercase;
	    margin:2% 0 2% 0;
	}

	section.news h1 a {
		color:#53739A;
		text-decoration:none;
        text-transform:uppercase;
		display:block;
	    }
		section.news h1 a:hover { text-decoration:underline; color:#808080;}
	    
	
	article.news-item {
	    width:23%;
	    height:auto;
	    min-height:230px;
	    float:left;
	    margin:0 2.6% 2% 0;
	}
	
	article.news-item-last {
	    width:23%;
        height:auto;
	    min-height:245px;
	    float:left;
	    margin:0 0 2% 0;
	}
	    
	    article.news-item a img,
	    article.news-item-last a img{
		width:100%;
		border:none;
	    }
	    
	    article.news-item a.news-item-title,
	    article.news-item-last a.news-item-title{
		font-family: 'Raleway', sans-serif;
		font-size:1em;
		color:#53739A;
		text-decoration:none;
        text-transform:uppercase;
		display:block;
		margin:3.5% 0 4.5% 0;
	    }
		article.news-item a.news-item-title:hover,
		article.news-item-last a.news-item-title:hover { text-decoration:underline; }
	    
	     article.news-item p,
	     article.news-item-last p {
		font-family: Arial, sans-serif;
		font-size:0.9em;
		color:#808080;
	    }
	    
	    section.main-content img.news-detail-image { float:left; margin: 0 1.5% 1.3% 0;}
	    
    
    /* Phrase */
    
    div.phrase {
	width:93%;
        max-width: 1200px;
        height:auto;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;	
        margin:0 auto 3% auto;
    }
    
	div.phrase h1 {
	    font-family: 'Raleway', sans-serif;
	    font-size:1.2em;
        line-height: 1.3em;
	    color:#53739A;
	    font-weight:lighter;
		text-align:center;
	    display:block;
	    margin:1.3% 0 2% 0;
	}
	
	
    /* Banners */
    
    div.banners {
     width:93%;
     max-width: 1200px;
     height:auto;
     margin:0 auto 2% auto;
    }
	
        div.banners div.banner1{
            width:23.8%;
            height:auto;
            min-height:170px;
            float:left;
            margin:0 1.5% 0 0;
        }
            div.banners div.banner1 a img {
                width:100%;
                border:none;
                margin:3px 0 0 0;
                border:1px dotted #ccc;
            }
        
        
        div.banners div.banner2 {
            width:23.8%;
            height:170px;
            float:left;		
            margin:0 1.5% 0 0;
        }
        
             div.banners div.banner2 a img {
                width:100%;
                border:none;
                margin:3px 0 0 0;
                border:1px dotted #ccc;
            }
        
        
        
        div.banners div.banner3 {
            width:23.8%;
            height:170px;
            float:left;
            margin:0 1.5% 0 0;
        }
	
            div.banners div.banner3 a img {
            width:100%;
            border:none;
            margin:3px 0 0 0;
            border:1px dotted #ccc;
            }
            
        div.banners div.banner4 {
            width:23.8%;
            height:170px;
            float:left;
            margin:0;
        }
	
            div.banners div.banner4 a img {
            width:100%;
            border:none;
            margin:3px 0 0 0;
            border:1px dotted #ccc;
            }
            
 
/* Carousel */

div.carousel {
    width:100%;
    max-height:180px;
    height:auto;
    background:#E8E7E6;
}

			div.carousel-content {
				width:93%;
				max-width:1200px;
				height:auto;
				margin:0 auto;
                padding:0 0 23px 0;
			}
                        
                        
                        
                        div.carousel-content h1 {
                            font-family: 'Raleway', sans-serif;
                            font-size: 1.4em;
                            font-weight:lighter;
                            text-transform: uppercase;
                            color:#666;
                            padding:20px 0 10px 0;
                            margin:20px 0 10px 0;
                        }
                        
                        div.carousel-content ul li img { border:1px solid #A4A4A4; }

    /************/	    
    /* Content */
    /**********/
    
    div.content {
	width:93%;
	max-width: 1200px;
	height:auto;
	margin:1.3% auto 0.5% auto;
    }
    
	/* Main Content */
    
    section.main-content-full {
	    width:100%;
	    height:auto;
	    float:left;
	    margin:0 1% 0 0;
	}
    
	section.main-content {
	    width:76%;
	    height:auto;
        min-height:300px;
	    float:left;
	    margin:0 1% 0 0;
	}
	
	    section.main-content span.subida {
		font-family: Arial, sans-serif;
		font-size:0.8em;
		color:#808080;
		text-transform: uppercase;
		display:block;
		margin:0 0 1% 0;
	    }
	    
	    div.content h1,
	    section.main-content h1 {
		font-family: 'Raleway', sans-serif;
		font-size:1.4em;
		font-weight:lighter;
		color:#53739A;
		text-transform:uppercase;
		margin:0 0 2% 0;
	    }
	    
	    section.main-content h2 {
		font-family: 'Raleway', sans-serif;
		font-size:1.1em;
		font-weight:bolder;
		color:#666;
		margin:0 0 2% 0;
	    }
        
            section.main-content h2.title { margin-top:2%; }
		
            section.main-content h2.border {
                font-family: 'Raleway', sans-serif;
                font-size:1.1em;
                line-height: 35px;
                font-weight:lighter;
                color:#53739A;
                display:block;
                width:98%;
                min-height:35px;
                border-top: 1px dotted #ccc;
                border-bottom:  1px dotted #ccc;
                background:#F0F9FF;
                padding-left:8px;
                margin:0 2% 2% 0;
            }
        
        section.main-content h2.stafftitle {
		font-family: 'Raleway', sans-serif;
		font-size:1.1em;
		line-height: 35px;
		font-weight:lighter;
		color:#53739A;
		display:block;
		width:98%;
		min-height:35px;
		border-top: 1px dotted #ccc;
		border-bottom:  1px dotted #ccc;
        background:none;
        padding-left:8px;
		margin:0 2% 2% 0;
	    }
		
		
		section.main-content p + h2.border {margin-top:2%;} /* Selecciona siempre el primer h2 despues del P y le da ese margin */
        section.main-content p + h2.stafftitle {margin-top:2%;} /* Selecciona siempre el primer h2 despues del P y le da ese margin */
		
	    section.main-content p {
			font-family: Arial, sans-serif;
			font-size:0.9em;
			text-align:justify;
			line-height:1em;
			color:#808080;
			line-height: 1.3em;
            margin-right:2%;
	    }
		
			    
		section.main-content p strong.blue { color:#53739A; }
		
		 section.main-content a {
			font-family: Arial, sans-serif;
			font-size:0.9em;
			text-align:justify;
			text-decoration:none;
			line-height:1em;
			color:#53739A;
			line-height: 1.3em;
	    }
		
		 section.main-content a:hover { text-decoration:underline; }
	    
	    section.main-content ul { margin:1% 2% 1% 3%; }
	    
		section.main-content li {
		   font-family: Arial, sans-serif;
		   font-size:0.9em;
		   text-align:justify;
		   line-height:1em;
		   color:#808080;
		   line-height: 1.3em;
		   margin:0 0 0.5% 0;
	       }
	    
	
	/* Sidebar */
	
	aside {
	    width:23%;
	    height:auto;
	    float:left;
	}
	
	div.aside-banner {
	    width:100%;
	    height:auto;
	    float:left;
	    margin:0 0 7% 0;
	    text-align: center;
	}
	
    
	
	    div.aside-banner a img {
		width:100%;
		border:1px dotted #ccc;
	    }
	
    
		
		div.aside-archive a {
		font-family: Arial, sans-serif;
		font-size:0.8em;
		text-decoration:none;
		color:#808080;
		display:block;
		padding:4%;
		width:92%;
		border-bottom:1px dotted #ccc;
	    }
		
			div.aside-archive a:last-child { border-bottom:none; padding:4% } /* Selecciona el ultimo a href del listado */
		
			div.aside-archive a:hover, div.aside-archive a.activo { background:#EAEFF4; }
	    

        aside fieldset.cursos {
            width:100%;
            border:1px dotted #004884;
            margin:0 0 25px 0;
        }

            aside fieldset.cursos legend {
                font-family: 'Raleway', sans-serif;
                font-size:1em;
                font-weight:bolder;
                color:#004884;
                padding:0 10px;
                margin:0 0 0 10px;
            }
            
                aside fieldset.cursos p {
                    font-family: Arial, sans-serif;
                    font-size:0.9em;
                    text-decoration:none;
                    color:#666;
                    padding:10px 10px 15px 10px;
                }
    
    
    /* Noticias */
    
    div.news-listing-item {
	width:100%;
	height:auto;
	margin:0 0 3% 0;
	float:left;
    }
    
	div.news-listing-item a.news-listing-image img {
        width:35%;
	    border:none;
	    margin:0 1% 0 0;
	    float:left;
	}
	
	div.news-listing-item div.news-listing-desc a {
	    font-family: 'Raleway', sans-serif;
	    font-size:1em;
	    font-weight:bolder;
	    color:#53739A;
	    text-decoration:none;
	    display:block;
	    margin:0 0 0.9% 0;
	}
	    div.news-listing-item div.news-listing-desc a:hover {text-decoration:underline;}
	
	div.news-listing-item div.news-listing-desc p {
	    font-family: Arial, sans-serif;
	    font-size:0.9em;
	    line-height:1em;
	    color:#808080;
	}
    
    	
	section.main-content img.news-image {
	    float:right;
	    border:1px solid #ccc;
	    display:inline-block;
	    margin:0 0 0.5% 1%;
	}
    
    section.main-content img.underimage { width:100%; max-width:894px; }
	
	div.allnews {
		width:93%;
        max-width:1200px;
        height:30px;
        margin: 0 auto;
	}
	
		div.allnews a {
			font-family: Arial, sans-serif;
			font-size:1.1em;
			list-style-image: url("../images/build/misc-bullet-blue.gif");
			text-decoration:none;
			color:#808080;
			display:block;
			height:30px;
			float:right;
		}
		
				div.allnews a:hover { text-decoration:underline; color:#53739A; }

    /* Cursos */
    
    div.curso-realizado {
        width:100%;
        height:auto;
        padding:0 0 2% 0;
        margin:0 0 2% 0;
        border-bottom:1px dotted #ccc;
    }
    
     div.curso-realizado a {
	    font-family: 'Raleway', sans-serif;
	    font-size:1em;
	    font-weight:bolder;
	    color:#53739A;
	    text-decoration:none;
	    display:block;
	    margin:0 0 0.3% 0;
       
	}
	     div.curso-realizado a:hover {text-decoration:underline;}
	
	div.curso-realizado p {
	    font-family: Arial, sans-serif;
	    font-size:0.9em;
	    line-height:1em;
	    color:#808080;
	}
    
   /* Cursos */
   
  div.curso-realizado p.dateplace { display:block; margin:1% 0; }
  
  div.curso-realizado a.button-program {
        font-family: Arial, sans-serif;
        font-size:0.8em;
        line-height:20px;
        text-align:center;
        text-decoration:none;
        color:#fff;
        display:block;
        width:180px;
        height:20px;
        padding:5px;
        margin:2% 0 1% 0;
        background:#004884;
  }
  
        div.curso-realizado a.button-program:hover { color:#004884; background:#7FA7C5; }
    
    /* Enlaces */
    
    div.links {
	width:auto;
	height:auto;
	    margin:20px 0 0 0;
    }
    
	div.links a img {
	    width:18%;
	    border:1px dotted #ccc;
	    margin:0 1.3% 1.3% 0;
	}
	
    /* Comision Directiva*/
    
    div.staff-item {
	width:24%;
	margin:0 0 2% 0;
	float:left;
    }
    

    div.staff-item img { width:100%; border:1px solid #ccc; }

    div.staff-item span.name {
        font-family: 'Raleway', sans-serif;
        font-size:0.8vw;
        font-weight:bolder;
        color:#666;
        text-align:center;
        display:block;
        margin:5px 0;
    }
    
     div.staff-item span.position {
        font-family: 'Raleway', sans-serif;
        font-size:0.8vw;
        color:#53739a;
        text-align:center;
        display:block;
        margin:5px 0;
    }
    
     div.staff-item span.company {
        font-family: 'Raleway', sans-serif;
        font-size:0.8vw;
        color:#666;
        text-align:center;
        display:block;
        margin:5px 0;
    }
    
	/* Actividades */
	
	dl.actividades { width:100%; margin:35px 0 0 0; }
	
		dl.actividades dt {
			font-family: Arial, sans-serif;
			font-size:1em;
			color:#54749b;			
		}
		
		dl.actividades dd {
			font-family: Arial, sans-serif;
			font-size:0.9em;
			text-align:justify;
			color:#808080;
			line-height: 1.3em;
			margin:10px 0 35px 0;
		}
		
	
	div.agenda-actividades {
	  width:100%;
	  height:auto;
	  border:1px dotted #ccc;	  
	  padding:0;
	  margin:4% 0 4% 0;
	}
	
		div.agenda-actividades h3 {
			font-family: 'Raleway', sans-serif;
			font-size: 0.9em;
			color:#53739A;
			line-height:30px;
			display:block;
			width:99%;
			min-height:30px;
			background:#eee;
			padding:0 0 0 10px;
			margin:0 0 5px 0;
		 }
		 
		 div.agenda-actividades ul { margin:14px 20px 14px 20px; list-style-image:url("../images/build/misc-bullet-blue.gif"); }
	
	
    /* Formulario como Asociarse */
	
	 section.main-content form.asociarse{
		width:100%;
		min-height:300px;
		margin:2% 0 0 0;
	}
	
	section.main-content form.asociarse div.datos-personales {
		width:100%;
		height:auto;
		border-bottom:1px dotted #ccc;
		margin:2% 0 0 0;
		padding:0 0 2% 0;
	}
	
	section.main-content form.asociarse div.datos-servicios {
		width:100%;
		height:auto;
		border-bottom:1px dotted #ccc;
		margin:3% 0 0 0;
		padding:0 0 2% 0;
	}
	
	section.main-content form.asociarse div.datos-otros-servicios {
		width:100%;
		height:auto;
		margin:3% 0 0 0;
		padding:0;
	}
	
	section.main-content form.asociarse div.asociarse-captcha {
		width:100%;
		height:auto;
		margin:1% 0 0 0;	
	}
    
	    section.main-content form.asociarse input[type="text"] {
			font-family: Arial, sans-serif;
			font-size:12px;
			color:#000;
			border:1px solid #999;
			width:40%;
			height:26px;
			margin:0 14px 14px 0;
			float:left;
	    }
		
		section.main-content form.asociarse div.asociarse-selection {
			font-family: Arial, sans-serif;
			font-size:13px;
			color:#000;
			width:100%;
			height:auto;
			float:left;
			margin:0 0 2% 0;
		}
		
		section.main-content form.asociarse h2.asociarse {
			display:block;
			color:red;
			width:100%;
			height:100px;
			background:#ccc;
		}
		
		section.main-content form.asociarse div.asociarse-selection span { font-size: 14px; display: inline-block; padding:0 0.5% 0 0; }
		
		section.main-content form.asociarse div.asociarse-selection input [type="checkbox"] { float:left; display:inline-block;}		
		
		section.main-content form.asociarse div.asociarse-captcha input#codseg-1 { width:29%; }
		
		
		section.main-content form.asociarse input[type="reset"]{
	       font-family: Arial, sans-serif;
	       font-size:12px;
	       color:#333;
	       width:80px;
	       height:30px;
	       background:#ccc;
	       margin:10px 10px 0 0;
	       float:left;
		}
		
	  	section.main-content form.asociarse input[type="submit"]{
	       font-family: Arial, sans-serif;
	       font-size:12px;
	       color:#fff;
	       width:80px;
	       height:30px;
	       background:#425A79;
	       margin:10px 10px 0 0;
	       float:left;
		 }
	   
	
	/* Enlaces */
    
     div.textlinks {
        width:47%;
        float:left;
        margin:0 3% 0 0;
     }
     
     div.textlinks ul {
        margin:30px 0 10px 10px;
        
     }
    
        div.textlinks a {
            display:block;
            width:auto;
            text-align: left;        
            margin:10px 0 20px 0;
        }
    
    
    /* Contacto */

    div.map {
        width: 100%;
        height:auto;
    }
    
    section.main-content form.contact {
		width:100%;
		min-height:300px;
		margin:2% 0 0 0;
	}
    
	    section.main-content form.contact input {
		font-family: Arial, sans-serif;
		font-size:12px;
		color:#000;
		border:1px solid #999;
		width:40%;
		height:26px;
		margin:0 14px 14px 0;
		float:left;
	   }

	   section.main-content form.contact input[type=button] {
		width: 33px;
        height: 31px;
        border: none;
        background: url(../images/build/refresh.png) no-repeat top left;
        cursor: pointer;
	   }
	   
	    section.main-content form.contact textarea {
		font-family: Arial, sans-serif;
		font-size:12px;
		color:#000;
		border:1px solid #999;
		width:82%;
		height:96px;
		margin:0 14px 14px 0;
		float:left;
	   }
	   
	 
	  section.main-content form.contact input.code {width:25%; margin:0 5px 14px 0 ;}
	   
	  section.main-content form.contact input[type="reset"]{
	       font-family: Arial, sans-serif;
	       font-size:12px;
	       color:#333;
	       width:80px;
	       height:30px;
	       background:#ccc;
	       margin:10px 10px 0 0;
	       float:left;
	  }
		
	  section.main-content form.contact input[type="submit"]{
	       font-family: Arial, sans-serif;
	       font-size:12px;
	       color:#fff;
	       width:80px;
	       height:30px;
	       background:#425A79;
	       margin:10px 10px 0 0;
	       float:left;
	  }
     
     /* PlaceHolders */ 
    
    ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #000;
      }
      ::-moz-placeholder { /* Firefox 19+ */
        color: #000;
        opacity: 1;
      }
      :-ms-input-placeholder { /* IE 10+ */
        color: #000;
      }
      :-moz-placeholder { /* Firefox 18- */
        color: #000;
        opacity: 1;
      }
      
      :placeholder-shown {
         color: #000;
      }
    
    /***********/
    /* Footer */
    
    footer {
	width:100%;
	height:auto;
	background:#003A6A;
	margin:0.5% 0 0 0;

    }
    
	footer div.footer-content {
	    width:93%;
	    max-width: 1200px;
	    height:auto;
	    background:#004884;
	    margin:0 auto;
	    padding: 0.8em 0;
	}
	
	    footer div.footer-content div.footer-content-address {
		font-family: Arial, sans-serif;
		font-size:0.8em;
		color:#fff;
		line-height:1.5em;
		width:30%;
		float:left;
		margin:1.9% 2% 0 3%;
	    }
	    
		 footer div.footer-content div.footer-content-address span {
		    font-family: 'Raleway', sans-serif;
		    font-size:1.1em;
		    font-weight:bolder;
			text-transform:uppercase;
		    color:#fff;
		    display:block;
		    margin:0 0 3% 0;
		 }
         
         footer div.footer-content div.footer-content-address a {
		    font-family: Arial, sans-serif;
            font-size:1em;
            color:#fff;
		 }
		 
	    footer div.footer-content div.footer-content-menu {
		width:65%;
		height:auto;
		float:left;
		margin:1.9% 0 0 0;
	    }
	    
		div.footer-menu-column {
		    width:23%;
		    height:auto;
		    float:left;
		    margin:0 2% 0 0;
		}
		
		div.footer-menu-column-last {
		    width:23%;
		    height:auto;
		    float:left;
		    margin:0;
		}
		
		    div.footer-menu-column span,
		    div.footer-menu-column-last span {
			font-family: 'Raleway', sans-serif;
			font-size:1em;
			font-weight:bolder;
			color:#fff;
			display:block;
			margin:0 0 5% 0;
		    }
		    
		    div.footer-menu-column ul, div.footer-menu-column-last ul {margin:0 0 0 7%; }
		    div.footer-menu-column ul li, div.footer-menu-column-last ul li { list-style-image: url('../images/build/misc-bullet.gif'); }
		    
			div.footer-menu-column ul li a,
			div.footer-menu-column-last ul li a {
			   font-family: Arial, sans-serif;
			   font-size:0.8em;
			   color:#fff;
			   line-height:1.5em;
			   text-decoration:none;
			}
			
			    div.footer-menu-column ul li a:hover,
			    div.footer-menu-column-last ul li a:hover { text-decoration:underline; }
			    
			    
    /* Copyright */
    
    div.copyright {
	width:93%;
	max-width: 1200px;
	height:auto;
	margin:0.5% auto 0.3% auto;
    }
    
	div.copyright a img {
	   width:100%;
	   max-width:502px;
	   float:left;
	   text-align: left;
       }
    
    
    

/****************************************************************/        
/* Media Queries
-------------------------------------------------------------- */

@media (max-width:700px) {
    
    
       
    /* Phrase */
    
    div.phrase { margin:3% auto 7% auto; }
    
    div.phrase h1 { font-size:1.2em; }
    
       
    /* Banners */
    
    div.banners div.banner1 h1,
    div.banners div.banner2 h1 {font-size: 1em; }
    
    div.banners div.banner1,
    div.banners div.banner2,
    div.banners div.banner3,
    div.banners div.banner4 {
	width:100%;
	height:auto;
	float:left;
	margin:0 auto 5.6% auto;
    }
    
      /* Localidades Asistidas */
    
     ul.localidades {
	-moz-column-count: 2;
	-moz-column-gap:10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 60px;
	margin:8% 0 0 2%;
    }
    
	 ul.localidades li { margin:0 0 7% 0;}
    
    
    /* Enlaces */
    
    div.links {
	width:auto;
	height:auto;
	    margin:20px 0 0 0;
    }
    
	div.links a img {
	    width:30%;
	    border:1px dotted #ccc;
	    margin:0 1.3% 1.3% 0;
	}
	
	
	/* Actividades */
    div.agenda-actividades h3 { width:98%; }
    
    /* Enlaces */
    
     div.textlinks {
        width:100%;
        float:left;
        margin:0:
     }
    
    /* Footer*/
    
    footer div.footer-content {
	    width:93%;
	    max-width: 1200px;
	    height:auto;
	    background:#004884;
	    margin:0 auto 3% auto;
	}
    
     footer div.footer-content div.footer-content-address {
	width:100%;
	height:auto;
	text-align: center;
	padding:3% 0 5% 0;
    }
	 		 
    footer div.footer-content div.footer-content-menu { display:none; }

}

    /* Copyright */
    
    div.copyright a img {
	   width:100%;
	   max-width:502px;	  
	   text-align: center;
	   float:none;
       }





@media (max-width:400px) {
	
	/* Header */
	header div.date { display:none; }
    
    /* Slider */
    
    div.slider { display:none;  }
    
    
    /* News */
    
    section.news h1 { margin:9% 0 8% 0; }
    
    article.news-item,
    article.news-item-last{
	width:100%;
	height:auto;
	float:left;
	margin:0 auto 5.6% auto;
    }
	
	div.allnews {
		width:93%;
        max-width:1200px;
        height:20px;
        margin: 0 auto;
		border-top: 1px dotted #999;
	}
	
		div.allnews a {
			font-family: Arial, sans-serif;
			font-size:0.8em;
			line-height:30px;
			list-style-image: url("../images/build/misc-bullet-blue.gif");
			text-decoration:none;
			color:#808080;
			display:block;
			height:20px;
			float:right;
		}
		
				div.allnews a:hover { text-decoration:underline; color:#53739A; }
	
    
    /* Phrase*/
    
    div.phrase h1 {
	    font-family: 'Raleway', sans-serif;
	    font-size:1em;	    
	    font-weight:lighter;
	    color:#53739A;
	    line-height:1.4em;
	    display:block;
	    margin:5% 0 5% 0;
	}
    
    


    /************/
    /* Content */
    
	 /* Main Content */
	section.main-content {
	    width:100%;
	    height:auto;
	    float:left;
	    margin:0 0 5% 0;
	}
	section.main-content span.subida { margin:4% 0 1% 0;  }
	
	section.main-content h1, div.content h1 { font-size:1.7em; margin:4% 0 5% 0;   }
	
	section.main-content ul { margin:7% 0 7% 3%; }
    
    section.main-content h2.stafftitle {margin-top:9%;}
    
     section.main-content h2.title { margin:7% 0 7% 0; }
	
	/* Sidebar */
	
	aside {
	    width:100%;
	    height:auto;
	    float:left;
	}
    
    aside fieldset.cursos { margin:23px 0 25px 0; }
    
    a.informes img { display:none; visibility:hidden; }
	
    
    /* Novedades */
    
    div.news-listing-item { margin:0 0 8% 0; }
    div.news-listing-item a.news-listing-image img { width:100%; margin:3 0 2% 0; }
    div.news-listing-item div.news-listing-desc a { margin:0 0 3% 0; }
    
    section.main-content img.news-image {
	    width:100%;
	    float:left;
	    margin:3% 0 5% 0;
    }
	
	section.main-content img.news-detail-image { width:100%; float:left; margin: 0 6% 3% 0;}
    
     /* Enlaces */
    
    div.links {
	width:auto;
	height:auto;
	    margin:20px 0 0 0;
    }
    
	div.links a img {
	    width:90%;
	    border:1px dotted #ccc;
	    margin:0 1.3% 5% 5%;
	}
    
	 
    
     /* Comision Directiva */

    /*div.staff-item, div.staff-item-last { width:100%; margin:6% 0 0 22%; max-width: 189px; } Estilo con FOTO */
    div.staff-item, div.staff-item-last { width:100%; margin:6% 0 0 17%; max-width: 189px; }
    
    div.staff-item span.name { font-size:1em; }
    
    div.staff-item span.position { font-size: 0.9em; }
     
    div.staff-item span.company { font-size: 0.8em; }
     
	
     /* Cursos */
    
    div.curso-realizado {
        padding:0 0 7% 0;
        margin:0 0 7% 0;
    }
    
        div.curso-realizado a { text-align: left; margin:0 0 4% 0; } 

   div.curso-realizado p.dateplace { display:block; margin:4% 0; }
    
    div.curso-realizado a.button-program {    
        width:100%;
        margin:8% 0 1% 0;
    }
       
    
	
	/* Actividades */
	
	div.agenda-actividades h3 { width:97%; }
	
     section.main-content p + h2.border {margin:7% 0 7% 0;} /* Selecciona siempre el primer h2 despues del P y le da ese margin */
     section.main-content div.clearer + h2.border {margin:12% 0 7% 0;} /* Selecciona siempre el primer h2 despues del P y le da ese margin */
	 section.main-content div.textlinks + h2.border {margin:22% 0 7% 0;} /* Selecciona siempre el primer h2 despues del P y le da ese margin */
     
     
	 div.agenda-actividades ul { margin:14px 0 14px 20px; list-style-image:url("../images/build/misc-bullet-blue.gif"); padding:10px 30px 10px 5px; }
	 div.agenda-actividades ul li { margin:0 0 6% 0; }
	 div.agenda-actividades ul li:last-child { margin:0; }
	 
	 
	 /* Formulario como Asociarse */
	
	 section.main-content form.asociarse{
		width:100%;
		height:auto;
		margin:10% 0 0 0;
	}
	
	section.main-content form.asociarse div.datos-personales {
		margin:4% 0 4% 0;
		padding:0 0 3% 0;
	}
	
	section.main-content form.asociarse div.datos-servicios {
		margin:4% 0 4% 0;
		padding:2% 0 3% 0;
	}
	
	section.main-content form.asociarse div.datos-otros-servicios {
		width:100%;
		height:auto;
		margin:3% 0 3 0;
		padding:3% 0 2% 0;
	}
    
	    section.main-content form.asociarse input[type="text"] {
			width:100%;
	    }
		
		
		section.main-content form.asociarse div.asociarse-selection { margin:5% 0 5% 0; }
		
		section.main-content form.asociarse div.asociarse-selection span { font-size: 14px; font-weight:bolder; display:block; padding:0; margin:0 0 2% 0; }
		
		section.main-content form.asociarse div.asociarse-selection input [type="checkbox"] { float:left; display:inline-block;}
		
		
		section.main-content form.asociarse div.asociarse-captcha input#codseg-1 { width:70.7%; height:28px; margin:0 0 3% 0; padding:0; }
		
        
		section.main-content form.asociarse input[type="reset"]{ display:none;	}
		
	  	section.main-content form.asociarse  input[type="submit"]{
	       font-family: Arial, sans-serif;
	       font-size:17px;
	       color:#fff;
	       width:100%;
	       height:50px;
		 }
	   
	 
	
    /* Contacto */     
    section.main-content form.contact input { width:97%; max-width:none; }    
    section.main-content form.contact input.code { width:46%; max-width:none; }
    
    
    /* Copyright */
    
    div.copyright { display:none; }
    

}

.flex-container{
  display: flex;
  align-items: center;
  justify-content: center;
  justify-content: flex-end;	
  margin:0px 80px 0 0;
}

.flex-container div {
  width: auto;
  height:auto;
}

/******************************************/
/* Extra Custom Styles */

/* Clearer */

div.clearer {
    clear:both;
}

<div style="position:relative; height:293px; width:1200px; background:url(http://www.abe.org.ar/images/pictures/slider/abe-redes-sociales.jpg) 0 0 no-repeat;"><a style="position:absolute; top:153.0000030517578px; left:681.0000183105469px; width:58.400000000000006px; height:62.400000000000006px;" title="Linkeid" alt="Linkeid" href="https://www.linkedin.com/company/asociaci-n-de-la-banca-especializada/" target="_blank"></a><a style="position:absolute; top:152.99998779296874px; left:753.0000183105469px; width:65.4px; height:63.400000000000006px;" title="twitter" alt="twitter" href="https://www.facebook.com/asociacionabe/" target="_blank"></a><a style="position:absolute; top:151.99998779296874px; left:831.0000183105469px; width:59.400000000000006px; height:64.4px;" title="facebook" alt="facebook" href="https://www.facebook.com/asociacionabe/" target="_blank"></a><a style="position:absolute; top:151.99998779296874px; left:905.0000183105469px; width:63.400000000000006px; height:62.400000000000006px;" title="instagram" alt="instagram" href="https://www.instagram.com/asociacion_abe/" target="_blank"></a></div>