/*
Theme Name: FEPAL 2015
Theme URI: http://www.fepal.org.ar
Version: 1.0
Description: Theme responsive
Author: Esteban Lombardi
Author URI: http://www.lombardinet.com
*/

body{
	font-family: "Raleway";
	position: relative;
}
a{
	-webkit-transition: background-color 0.2s;
	-moz-transition: background-color 0.2s;
	transition: background-color 0.2s;
}
a:hover{
	text-decoration: none;
}

h1{
	font-size: 30px;
	color: #404040;
	font-weight: 500;
	border-bottom: 1px solid #404040;
	padding-bottom: 5px;
	margin-bottom: 0.5em;
}
.separador-naranja{
	display: block;
	border-top: 3px solid #ED9419;
	width: 38px;
	height: 1px;
}
.sin-margen{
	margin:0;
}


/* Header ----------*/
#cabecera{
	background: transparent url("images/fondo_cabecera.jpg");
	border-top: 2px solid #000;

}
#barra-top{
	background: #fff;
	padding: 5px 0;
	border-bottom: 1px solid #BFBFBF;
}
#social{
	text-align: right;
}
#logo-wrap{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.buscador{
	background-color: #fff ;
	-webkit-box-shadow: 0 0 4px 4px #DBDBDB;
	box-shadow: 0 0 4px 4px #DBDBDB;
	padding: 3px  5px;
	margin: 5px 0;
	width: 190px;

}
.buscador input{
	width: 160px;
	float: left;
	border: 0;
}
.buscador .btn-buscar{
	background: transparent url("images/lupa.png")no-repeat;
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	cursor: pointer;
}

#social{
	padding-top: 8px;	
}
#social ul{
	list-style-type: none;
	margin:0; padding:0;
}
#social ul li{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 5px;	
}

#social ul li a{
	text-align: right;
	text-indent: 9998px;
	overflow: hidden;
	display: block;
	background: transparent url("images/iconos_sociales.png") no-repeat;	
}
#social ul li a.linkedin{background-position: -30px 0px;}
#social ul li a.youtube{background-position: -65px 0px;}
#social ul li a.twitter{background-position: -98px 0px;}
#social ul li a.facebook:hover{background-position: 0px -40px;}
#social ul li a.linkedin:hover{background-position: -30px -40px;}
#social ul li a.youtube:hover{background-position: -65px -40px;}
#social ul li a.twitter:hover{background-position: -98px -40px;}




/* Menu ----------*/

#navBar{
	background: transparent url("images/fondo_navBar.jpg") repeat-x;
	min-height: 41px;
	padding-top: 10px;
}

.rmlpopupmenuButtonText{
	padding: 0;
	background: none;
	font-weight: 500;
	font-size: 17px;
	text-align: center;
	margin: 0 auto;
}

.rmlpopupmenuButtonText:hover, .rmlpopupmenuButtonText.touchStart {
    background: none;
}

.rmlmenu{
	float: none;
	text-align: center;	
}

.rmlmenu ul {
	width: 150px;
	width: 200px;
	position: absolute;
	top: auto;
	left: auto;
	z-index: 10;
	background: none;
	border-bottom: 0;  
	background-color: #ece6dd;
	list-style-type: none;	
}
.rmlmenu  li{
	line-height: inherit;
}

.rmlmenu li a{
	color: #fff;
	display: block;
	border: 0;
	border-right: solid 1px #fff;
	padding: 0 5px;
	font-size: 17px;
	font-family: "Raleway";
	font-weight: 500;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	transition: color 0.2s;
}

.rmlmenu li.current_page_item a,
.rmlmenu li a:hover,
.rmlmenu li:hover > a{
	background: none;
	color: #000;
	font-weight: 500;
}

.rmlmenu li:last-child a{
	border-right: 0; 
}
.rmlmenu ul li a{
	color: #000;
	border:0;
	font-size: 13px;
	line-height: 2em;
	text-align: left;
	border-bottom: 1px dotted #666;
	padding: 1px 5px;
}

.rmlmenu ul li a:hover{
	background-color: #fa0;
	color:#fff;
}
.rmlmenu ul li a:not(:only-child) {
    background: url("assets/service.rmlmenu/light-gray-arrow-right.png") no-repeat scroll right center #f3f6f7;
}
.rmlmenu ul li:hover > a:not(:only-child) {
  background: #fa0 url("assets/service.rmlmenu/arrow-right.png") no-repeat right center;
}

.rmlmenu ul ul {
    left: 200px;
    position: absolute;
    top: 0;
}
.rmlPopupPanel{
	-webkit-overflow-scrolling: touch;
}
.rmlPopupPanel,
.rmlpopupmenu li a{
}
.rmlPopupPanel h3{
	background-color: #f7aa1c;
}





/* Main ----------*/
#cuerpo{
	background: transparent url("images/fondo_seccion.jpg");
	padding-bottom: 25px;
}


.columna-izquierda{
	margin-bottom: 20px;
}

.columna-izquierda ul{
	list-style-type: none;
	margin: 0; padding: 0;
}
.columna-izquierda ul li{
	color: #ED9419;
	font-weight: 500;
	border-bottom: 1px solid #252525;
	padding: 5px 0;
}
.columna-izquierda ul li a{
	color: inherit;
}

.columna-izquierda ul li a:hover{
	color: #252525;
}
.columna-derecha{

}


.columna-derecha h4{
	color: #ED9419;	
}

#actividades-recientes{
	font-size: 16px;
	border: 1px solid #333;
	padding: 5px 10px;
}
#actividades-recientes a{
	color: inherit;
}
#actividades-recientes a span{
	color: #ee4135;
}
#actividades-recientes a:hover{
	color: #ee4135;
}


/* Footer ----------*/
#share{
	padding: 20px 0;
	border-top: 1px solid #252525;
	text-align: center;
}
#share p{
	font-size: 16px;
	color: #252525;
	margin-bottom: 0;
} 
#share a{
	width: 89px;
	height: 28px;
	margin: 10px 5px;
	background: transparent url("images/share.png") no-repeat;
	display: inline-block;
	text-align: left;
	text-indent: -9951px;
	overflow: hidden;
}
#share a.facebook{
	background-position: 0 0;
	background-color: #4668A5;
}
#share a.facebook:hover{
	background-color: #465D96;
}

#share a.twitter{
	background-position: -94px 0;
	background-color: #009EDB;
	background-color: #00acee;
}
#share a.twitter:hover{
	background-color: #009DDA;
}

#share a.google{
	background-position: -188px 0;
	background-color: #D64123;
	background-color: #d84634;
}
#share a.google:hover{
	background-color: #D03A28;
}

#share a.email{
	background-position: -280px 0;
	background-color: #8FA628;
	background-color: #9db830;
}
#share a.email:hover{
	background-color: #8FA82C;
}


#sismi-logo,
#sismi-txt{
	width: 50%;
	float: left;
	padding: 10px;
	color: #1A1F24;
}
#sismi-logo{
	text-align: right;
}


#sismi-txt{
	padding-top: 15px;
}
#sismi-txt h5{
	font-size: 12px;
	font-weight: 700;
	margin: 0 0 0.5em 0;
}

#sismi-txt h5 span{
	border-bottom: 1px solid #1A1F24;
}
#sismi-txt p{
	font-size: 11px;
}


#footer-menus{
	background-color: #252525;
	color:#fff;
	text-align: center;
}


.footer-menu{
	width: 184px;
	margin: 30px;
	font-size: 12px;
	display: inline-block;
	
	vertical-align: top;
	text-align: left;

}
.footer-menu h4{
	font-weight: 700;
	font-size: 12px;
	color: #F8AB00;
	margin-top:0;
}

.footer-menu ul, .footer-menu p{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.footer-menu p{
	padding: 15px 0;
}
.footer-menu ul li{
	border-bottom: 1px dotted #fff;
	padding: 3px 0;
}

.footer-menu ul li a{
	color: inherit;
	font-size: inherit;
}
.footer-menu ul li a:hover{
	color: #F8AB00;
}
.footer-menu ul li:last-child{
	border-bottom: 0;
}

.footerNavMenu li a{
	text-transform: uppercase;
}

#ir-arriba{
	position: fixed;
	z-index: 20;
	bottom: 30px;
	right: 30px;
	display: none;
}

#creditos{
	clear: both;
	padding: 20px 0;
	text-align: center;
	font-size: 13px;
	border-top: 1px solid #333;
}
#creditos p{
	margin-bottom: 0;
}
#creditos a{
	color: inherit;
}

#creditos a:hover{
	color: #666;
}





/* Home ********************* */
body.home #cuerpo{
	padding-top: 25px;
}

/* ---Metaslider superior*/
	#home-slider-wrap{
		background-color: #252320;
		padding: 25px 0;
		
	}
	#home-slider h2{
		color: #E53D19;
		font-size: 18px;
		font-weight: 500;
	}
	#home-slider h2 span{
		border-bottom: 2px solid #E53D19;
	}
	#home-slider .caption h3{
		color: #E53D19;
		font-size: 18px;
		font-weight: 500;
		margin-bottom: 0.2em;
		margin-top: 0.5em;
	}
	#home-slider .caption{
		border: 1px solid #fff;
	}
	#home-slider .caption a{
		color: #E53D19;
	}
	#home-slider .caption a:hover{
		color: #fff;
	}
	

/* ---globales de la Home */
.home-actividades .owl-item,
.home-destacado > .wpb_wrapper,
.home-video > .wpb_wrapper,
.home-txt-destacados > .wpb_wrapper{
	background-color: #fff;
	-webkit-box-shadow: 0 3px 4px 1px #bebebe;
	box-shadow: 0 3px 4px 1px #bebebe;
}

#contenido .interior{
	padding: 0 15px 20px;
	margin-bottom: 0;
	font-size: 13px;
}
.titulo-modulo{
	margin: 0;
	background-color: #FEAA0B;
}
.titulo-modulo h2,
#contenido .wpb_text_column h2
{
	color:#fff;
	font-weight: 500;
	font-size: 20px;
	text-align: center;
	margin-top: 0;
	margin-bottom: 10px;
	padding: 5px;
}

body.home .wpb_button{
	background-color: transparent;
	border:0;
	margin-bottom: 0;
	border-radius: 0;
    border-top: 1px solid #ccc;
    color: #fa0;
    display: inline-block;
    font-weight: 700;
    font-size: inherit;
    padding: 5px 15px;
    text-align: left;
    text-shadow: none;
    width: 100%;
}

body.home .wpb_button:hover{
	color:#fff;
	background-color: #fa0;
}


/* ---Modulo Destacados*/

.home-destacado .wpb_single_image{
	margin-bottom: 0;
	border-bottom: 1px dotted #1c1c1c;
}
.home-destacado,
.home-video,
.home-txt-destacados{
	margin-bottom: 15px;
}
.home-destacado h3{
	font-weight: 500;
	font-size: 16px;
	color: #fa0;

}


/* ---Modulos de Actividades*/
.home-actividades .titulo-modulo h2{
	background-color: #E73F00;
}
.home-actividades .slide-item{
}
.home-actividades .slide-thumb{
	text-align: center;
	border-bottom: 1px dotted #1c1c1c;
}
.home-actividades .slide-title h6{
	font-size: 13px;
	color: #252525;
	padding: 5px 20px;
	text-align: center;
	min-height: 60px;
}

body.home .home-actividades .wpb_button{
	color: #E73F00;
}
body.home .home-actividades .wpb_button:hover{
	background-color: #E73F00;
	color: #fff;
}
.owl-carousel .owl-item{
	margin-bottom: 10px;
}



/* ---Modulo Textos Destacados*/
	.home-txt-destacados .wpb_text_column{
		margin-bottom: 0px;
	}

	.home-txt-destacados h5{
		font-weight: 500;
		font-size: 16px;
		color: #fa0;

	}

/* --- Modulo Video*/
.home-video .wpb_video_widget{
	margin-bottom: 10px;
}
.home-video .home-vid-txt h5{
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	color: #FFAA00;
}




/* Actividades ( lista de entradas) ********************* */
.actividades{
	margin-bottom: 20px;
	clear: both;
	margin: 0 0 20px;
	background-color: #fff;
}

.actividades .entrada-imagen{
	padding: 0;
	border-right: 0px solid #E53240;
}
.actividades .entrada-imagen img{
	max-width: 100%;
	height: auto;
}

.actividades .entrada-contenido {
	background-color: #fff;
	font-size: 13px;

}
.actividades .resaltado,
.actividades h3.resaltado a,
.actividades .entrada-contenido h5 {
	color: #E53240;
}

.actividades .entrada-desc {
}
.link-entrada{
	border-top: 1px solid #808080;
	padding: 0.5em 0;
	text-align: right;
	font-size: 13px;
	font-weight: 700;
}

.link-entrada div{
	float: left;
}



/* Videos ********************* */

.video-youtube{
	margin-bottom: 20px;
}
.video-youtube .wpb_video_widget{
	margin-bottom: 10px;
}
.video-youtube > .wpb_wrapper{
	background-color: #fff;
	-webkit-box-shadow: 0 2px 1px 1px #D6D6D6;
	box-shadow: 0 2px 1px 1px #D6D6D6;	
}
.video-youtube .wpb_text_column{
	padding: 0 10px;
	margin-bottom: 0;
}
.video-youtube h4{
	font-size: 14px;
	font-weight: 700;
	color: #FFAA00;
}

.video-youtube h5:last-child {
    clear: both;
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 9px;
}


.video-youtube .addthis_toolbox{
	border-top: 1px solid #333;
	padding: 5px 10px;
}
.addthis_toolbox a{
	color: #bfbfbf;
	font-size: 19px;
	margin-right: 3px;
}

.addthis_toolbox a:hover{
	color: #000;
}




/* Pagina con grilla de libros ********************* */

.celda1{
	margin-bottom: 20px;
}
.celda1 .wpb_single_image{
	margin-bottom: 10px;
	text-align: center;
}
.celda1  img{
	max-width: 100%;
	height: auto;
}

.celda1 h4{
	font-size: 14px;
	font-weight: 700;
	color: #FFAA00;
}

.celda1 h5 {
    clear: both;
    color: #3f3f3f;
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 9px;
}

.boton-leer{
	border: 1px solid #1c1c1c;
	padding: 5px 8px;
	color: #1c1c1c;
	font-size: 13px;
	font-weight: bold;

}

.boton-leer:hover{
	background-color: #1c1c1c;
	color: #fff;
}




/* Contacto *************************/
.datos-contacto {
	margin-bottom: 20px;
}
.datos-contacto p{
	border-bottom: 1px solid #E68900;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;

}

.mapa-contacto{
	border: 4px solid #E68900;
}
.wpb_gmaps_widget .wpb_wrapper{
	background-color: transparent;
	padding: 0;
}

.wpcf7-form label{
	color: #E68900;
	font-size: 16px;
	font-weight: 500;
}
.wpcf7-text,  .wpcf7-email, .wpcf7-textarea{
	-web-kit-border-radius: 0;
	border-radius: 0;
	background-color: #D0CCC3;
}
textarea.form-control.wpcf7-textarea{
	height: 100px;
}

.wpcf7-submit{
	background-color: #E68800;
	color: #fff;
}
div.wpcf7-validation-errors {
    border: 0;
}
span.wpcf7-not-valid-tip{
	color: #E68800;
}
.form-control:focus {
    border-color: #E68800;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(230, 136, 0, 0.6);
    outline: 0 none;
}



/* Sidebar lateral --------*/

aside{
	padding-top: 12px;
}
aside ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

aside ul li a{
	color: #E68800;
}
aside .widget-title{
	font-size: 18px;
}


/* Responsive mods --------*/

@media only screen and (max-width: 992px){
	.actividades .entrada-imagen{
		text-align: center;
	}
}

@media only screen and (max-width: 768px){
	.celda1{
		text-align: center;
	}
	.rmlpopupmenu li a {
	    padding: 9px 13px 9px 15px;
	}

}
@media only screen and (max-width: 480px){

	#sismi-logo,
	#sismi-txt{
		width: 100%;
		float: none;
		padding: 15px;

		
	}
	#sismi-logo{
		text-align: left;
	}
	.rmlPopupPanel h3 {
		font-size: 1.2em;
		height: 42px;
		padding: 11px 15px 0;
	}
	.rmlpopupmenu li a {
	    padding: 4px 13px 4px 15px;
	}
	
	#home-slider .caption h3{		
		font-size: 15px;
		margin-bottom: 0em;
		margin-top: 0em;
	}
	#home-slider .caption p{	
		margin-bottom: 0;
	}

}