/*
Theme Name: Fundación UMMEP
Theme URI: http://www.fundacionummep.org.ar/
Author: the Santiago Benedetti
Version: 1.0
*/
@charset "utf-8";
/* CSS Document */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display: block;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
:focus {
	outline:none
}
body {
	padding:0px;
	margin:0px;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	font-family:12px;
	line-height:20px;
}
.clear {
	clear:both
}
iframe {
	overflow:hidden;
	border:0;
	filter:"progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=0)";
}
.right {
	float:right
}
.left {
	float:left
}

a {
	transition: all 0.5s ease;
}

header {
	background:#fff;
	margin:0px;
	padding:0px;
}
header .int {
	margin:auto;
	width:980px;
	padding:6px 0px;
	position:relative;
}
header .int h1 {
	float:left;
	display:block;
	margin:0px;
	padding:0px
}
header .int h1 a.logo {
	display:block;
	transition: all 0.5s ease;
}
header .int h1 a.logo:hover {
	opacity: 0.6
}
header .int h1 a.logo img {
	border:0
}
header .int div.alba {
	font-weight:bold;
	text-align:right;
	font-size:12px;
	width:285px;
	float:right;
	list-style:none;
	padding:0px;
	margin:0px;
	position:absolute;
	top:22px;
	right:0px
}
header .int div.alba a.masinfo {
	font-size:11px;
	color:#ff0000;
	font-weight:bold;
	text-align:right;
}
header .int div.alba a.masinfo:hover {
	opacity: 0.6 
}
header .int ul#redes {
	float:right;
	list-style:none;
	padding:0px;
	margin:0px;
	position:absolute;
	bottom:37px; /*6*/
	right:0px
}
header .int ul#redes li {
	display:inline-block;
	list-style:none;
	padding:0px;
	margin:0px 0px 0px 5px
}
header .int ul#redes li.facebook a {
	background:url(images/facebook.png) top left no-repeat transparent;
	width:36px;
	height:36px;
	text-indent:-9999px;
	display:block
}
header .int ul#redes li.twitter a {
	background:url(images/twitter.png) top left no-repeat transparent;
	width:36px;
	height:36px;
	text-indent:-9999px;
	display:block
}
header .int ul#redes li.blogger a {
	background:url(images/blogger.png) top left no-repeat transparent;
	width:36px;
	height:36px;
	text-indent:-9999px;
	display:block
}
header .int ul#redes li.instagram a {
	background:url(images/instagram.png) top left no-repeat transparent;
	width:36px;
	height:36px;
	text-indent:-9999px;
	display:block
}
header .int ul#redes li.youtube a {
	background:url(images/youtube.png) top left no-repeat transparent;
	width:37px;
	height:36px;
	text-indent:-9999px;
	display:block;
}
header .int ul#redes li a {
	transition: all 0.5s ease;
}

header .int ul#redes li:hover a {
	opacity: 0.6
}


nav {
	background:#e9e9e9;
	margin:0px;
	padding: 0px;
	border-top:6px solid #ff0000
}
nav .int {
	margin:auto;
	width:980px;
	padding:0px;
	position:relative
}
nav .int ul#menu {
	list-style:none;
	padding:0px;
	margin:0px;
}

nav .int ul#menu li {
	list-style:none;
	padding:0px;
	margin:0px;
	float: left;
}
nav .int ul#menu li a {
	font-size:12px;
	line-height:40px;
	font-weight:bold;
	color:#666;
	margin:0px;
	padding:0px 10px;
	height:40px;
	display:block
}
nav .int ul#menu li.separador {
	border-right:1px solid #ff0000;
	height:20px;
	margin:10px 0px;
	padding:0px
}
nav .int ul#menu li a:hover {
	background:#fe0000;
}
nav .int ul#menu li a:hover {
	color:#fff;
}
nav .int ul#menu li.activo a{
	background:#fe0000;
	color:#fff!important
}
nav .int ul#menu li.buscador {
	float:right;
	background:#e9e9e9;
	padding:7px 0px;
}
nav .int ul#menu li.buscador form {
	border-top:1px solid #d9d9d9;
	border-right:1px solid #d9d9d9;	
	background:#fff;
	width:195px;
	height:24px;
	/*-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;	*/
}
nav .int ul#menu li.buscador form .input-buscar {
	background:#fff;
	border:1px solid #fff;
	width:140px;
	height:20px;
	margin:0px 0px 0px 10px;
	padding:0px;
	font-size:11px
}
nav .int ul#menu li.buscador form .btn-buscar {
	background:url(images/lupa.jpg) 0 50% no-repeat transparent;
	border:1px solid #fff;
	width:20px;
	height:20px;
	margin:2px 10px 0px 0px;
	padding:0px;
	text-indent:-9999px;
	float:right;
	cursor:pointer;
	transition: all 0.5s ease;
}
nav .int ul#menu li.buscador form .btn-buscar:hover {
	opacity: 0.6
}
.slicknav_menu {
	display:none;
}


#slider {
	background:#000;
	padding: 0px;
	margin:0px;
	position:relative;
	
}
#slider .int {
	margin: auto;
	width:980px;
	padding: 0px;
	position:relative;
	overflow:hidden;
	height:360px
}

ul#slide {
	position:absolute;
	list-style:none;
	padding:0px;
	margin:40px 0;
	display:block;
	left:0;
	top:0;
	z-index:4
	
}
ul#slide li {
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
}
ul#slide li .contenido {
	width:90%;
	margin:auto;
	padding:0px 5%;
}
ul#slide li .contenido .info {
	margin:0px;
	width:40%;
	float:left
}
ul#slide li .contenido .info h2 {
	font-size:30px;
	color:#ff0000;
	line-height:32px;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-weight:normal;
}
ul#slide li .contenido .info h2 a {
	color:#ff0000;
}

ul#slide li .contenido .info p {
	font-size:14px;
	color:#e9e9e9;
	line-height:20px;
	padding:0px;
	margin:0px;
	text-align:justify
}
ul#slide li .contenido .info p a{
	color:#e9e9e9;
}
ul#slide li .contenido .info a.mas {
	display:block;
	font-size:12px;
	font-weight:bold;
	color:#ff0000;
	padding:0px;
	margin:0px;
	text-align:right
}
ul#slide li .contenido .info h2 a:hover, ul#slide li .contenido .info p a:hover, ul#slide li .contenido .info a.mas:hover {
	color: #fff;
}
ul#slide li .contenido .imagen {
	margin:0px;
	float:right;
	width:53%
}
ul#slide li .contenido .imagen img {
	border:5px solid #e9e9e9;
	display:block;
	margin:0px;
	padding:0px;
	width:100%;
	height:auto
}
ul#slide li .contenido .imagen a:hover {
	opacity: 0.6
}

div#previous {
	background:url(images/flecha-izq.png) top left no-repeat transparent;
	width:17px;
	height:25px;
	padding:0px;
	margin:0px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	top:50px;
	left:0px;
	z-index:7;
	position:absolute
}
div#next {
	background:url(images/flecha-right.png) top left no-repeat transparent;
	width:17px;
	height:25px;
	padding:0px;
	margin:0px;
	display:block;
	text-indent:-9999px;
	cursor:pointer;
	top:50px;
	right:0px;
	z-index:7;
	position:absolute
}

div#previous:hover, div#next:hover {
	background-position:left -100px
}

footer {
	background:#222222;
	margin:50px 0px 0px 0px;
	padding: 0px;
	border-top:6px solid #ff0000;
	padding:0px;
	position:relative;
	text-align:center;
	line-height:50px;
	font-size:11px;
	color:#fff;
	height:50px;
}

#main {
	margin:auto;
	width:980px;
	padding:20px 0px 0px 0px;
	position:relative
}

section {
	width:650px;
	float:left;
}
#main section h2 {
	font-size:22px;
	color:#ff0000;
	font-weight:normal;
	line-height:25px;
	padding:0px;
	margin:5px 0px 10px 0px;
	text-align:left
}
.home #main section h2 {
	font-size:18px;
}
#main section article {
	margin:0px 0px 30px 0px;
	display:block;
	font-size:12px;
	color:#666666;
	text-align:justify
}
#main section a.img {
	float:left;
	border:5px solid #e9e9e9;
}
#main section a.img img {
	display:block;
	margin:0px;
	padding:0px;
	border:0;
}
#main section img {
	max-width:650px;
	height:auto
}
#main section .txt {
	float:right;
	width:440px;
	min-height:130px;
	position:relative;
	text-align:justify
}
#main section .txt .categoria {
	display:block;
	line-height:11px;
	padding:0px;
	margin:0px
}
#main section .txt .categoria a {
	color:#ff0000;
	font-size:11px;
	line-height:11px
}

#main section .txt .fecha {
	display:block;
	line-height:16px;
	padding:0px 0px 8px 0px;
	margin:4px 0px 8px 0px;
	font-style:italic;
	color:#666666;
	font-size:11px;
	border-bottom:1px solid #c2c2c2
}
#main section .txt h3 {
	margin:0px;
	padding:0px;
	font-size:15px;
	line-height:20px;
	font-weight:normal;
}
#main section .txt h3 a {
	color:#666;
}
#main section .txt a.masinfo {
	position:relative;
	bottom:0px;
	right:0px;
	font-size:12px;
	color:#ff0000;
	font-weight:bold;
	text-align:right;
	display:block; float:right; clear:both; margin-top:5px
}
#main section a.img:hover, #main section .txt .categoria a:hover, #main section .txt h3 a:hover, #main section .txt a.masinfo:hover {
	opacity: 0.6 
}
a.vertodas {
	display:block;
	background:#e9e9e9;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	text-align:center;
	height:35px;
	line-height:35px;
	text-transform:uppercase
}
a.vertodas:hover {
	background:#999;
	color:#fff;
}

aside {
	float:right;
	width:300px
}
aside h3 {
	font-size:18px;
	color:#ff0000;
	font-weight:normal;
	line-height:25px;
	padding:0px;
	margin:5px 0px 10px 0px;
}
aside article .primero {
	margin:0px 0px 10px 0px;
	border:5px solid #e9e9e9;
}

.imgppal, .attachment-interior {
	text-align:center;
	border:5px solid #e9e9e9;
	padding:0px;
	margin:5px 0px 5px 0px;	
}


#main article .info {
	position:relative;
	text-align:justify;
	padding:0px 0px 8px 0px;
	margin:20px 0px 8px 0px;
	font-style:italic;
	color:#666666;
	font-size:11px;
	border-bottom:1px solid #c2c2c2
}
#main article .info .izq {
	float:left;
}
#main article .info .der {
	float:right;
}


#main article .info .categoria {
	display:block;
	line-height:12px;
	padding:0px;
	margin:0px
}
#main article .info .categoria a {
	color:#ff0000;
	font-size:12px;
	line-height:11px
}

#main article .info .fecha {
	display:block;
	line-height:16px;
	padding:0px;
	margin:4px 0px  0px 0px;
	font-style:italic;
	color:#666666;
	font-size:12px;
}

#main article h4 {
	font-size:12px;
	padding:0px;
	margin:10px 0px 5px 0px;
	font-style:italic;
}
#main article h4.fuente {
	font-size:12px;
	padding:8px 0px 0px 0px;
	margin:30px 0px 5px 0px;
	font-style:italic;
	border-top:1px solid #C2C2C2
}
#main article h4.fuente a, #main article h4.fuente span {
	color:#333;
	font-style:normal
}
#main article h4.fuente small {
	color:#333!important;
	font-size:10px!important
}

#main article p, #main article li {
	font-size: 12px
}


ul.ultimasnovedades {
	list-style:none;
	padding:0px;
	margin:0px;
}
ul.ultimasnovedades li {
	list-style:none;
	padding:0px 0px 8px 0px;
	margin:0px 0px 8px 0px;
	border-bottom:1px solid #c2c2c2
}

ul.ultimasnovedades li .fecha {
	display:block;
	line-height:16px;
	padding:0px;
	margin:0px 0px 5px 0px;
	font-style:italic;
	color:#666666;
	font-size:11px;
}
ul.ultimasnovedades li h3 {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	color:#666;
}
ul.ultimasnovedades li h3 a {
	color:#666;
}
ul.ultimasnovedades li h3 a:hover {
	color:#ff0000;
}


ul.ultimasnovedades li a.masinfo {
	font-size:11px;
	color:#ff0000;
	font-weight:bold;
	text-align:right;
	display:block
}
ul.ultimasnovedades li a.masinfo:hover {
	opacity: 0.6 
}
.trabajo section {
/*	width:980px;
	float:left;*/
}
.trabajo section p{
	font-size:12px;
	margin:0px 0px 20px 0px;
	text-align:justify
}

.trabajo section .composicion {
	float:left;
	border: 5px solid #e9e9e9;
	width:300px;
	height:172px;
	position:relative;
	overflow:hidden
}
.trabajo section .composicion .foto {
	position:absolute;
	top:0;
	left:0;
	z-index:4
}
.trabajo section .composicion div {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0;
	z-index:5;
	transition: all 0.2s ease;
}
.trabajo section .composicion:hover div {
	top:175px;
}
.trabajo section .composicion.om div {
	background: url(images/operacion-milagro.png) 50% 50% no-repeat rgba(255,255,255, 0.7);
}
.trabajo section .composicion.yosi div {
	background: url(images/yosipuedo.png) 50% 50% no-repeat rgba(255,255,255, 0.7);
}

.trabajo section .descripcion {
	float:right;
	width:650px;
	/*height:120px;*/
	position:relative;
	text-align:justify
}

.trabajo section .descripcion p{
	margin:0px 0px 10px 0px
}

.trabajo section .descripcion a.masinfo {
	font-size:11px;
	color:#ff0000;
	font-weight:bold;
	text-align:right;
	float:right
}
.trabajo section .descripcion a.masinfo:hover {
	opacity: 0.6 
}

.trabajo section article {
	border-top:1px solid #c2c2c2;
	margin-top:30px;
	padding-top:30px;
}
.trabajo section article:last-child {
	margin-top:30px;
	padding-top:30px;
}

.trabajo section #introduccion {
	display:block;
	clear:both
}
.trabajo section #introduccion article {
/*	width:750px;
	float:left;*/
	margin-bottom:10px;
}
.trabajo section #introduccion article {
	/*float:right;
	width:200px;*/
}
.trabajo section article h3 {
	font-size:15px;
	margin:15px 0px 5px 0px
}

.trabajo section article ul {
	margin:0px;
	padding:0px
}
.trabajo section article ul li{
	margin:0px;
	padding:0px;
	list-style: square inside;
	font-size:12px;
}
.trabajo section article ul li strong {
	color:#ff0000
}

.ayudar section {
	font-size:12px;
	text-align:justify
}
.ayudar section h4 {
	margin:20px 0px 5px 0px;
	font-size:12px;
}
.ayudar section p {
	margin:0px 0px 10px 0px
}
.ayudar section ol {
	margin:0px 0px 20px 0px;
	padding:0px;
}
.ayudar section ol li {
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style-position: inside
}


.formaspago {
	clear:both;
	margin:10px 0px;
	display:block;
}

.ayudar section a {
font-size:11px;
	color:#ff0000;
	font-weight:bold;
	text-align:right
}
.ayudar section a:hover {
	opacity: 0.6 
}

form .left, form .right {
	width:45%;
}
form .full {
	width:100%;
	float:left
}
form label {
	display:block;
	font-size:11px;
	line-height:15px;
	padding:0px;
	margin:0px 0px 10px 0px;
	font-weight:bold
}
form label .campo {
	border:1px solid #d9d9d9;
	width:94%;
	height:24px;
	background:#fff;
	margin:5px 0px 0px 0px;
	padding:0px 3%;
	font-size:11px;
	color:#666;
	display:block
}
form label select.campo {
	padding:0;
	width:100%;
}
form label .campogde {
	border:1px solid #d9d9d9;
	width:97%;
	height:75px;
	background:#fff;
	margin:5px 0px 0px 0px;
	padding:5px 1.5%;
	font-size:11px;
	color:#666;
	display:block;
	resize: none
}
form .obligatorios {
	clear:both;
	width:45%;
	font-size:10px;
	line-height:34px;
	float:left;
	margin:10px 0px 0px 0px;
}
form .botonazo {
	border:1px solid #FE0000;
	width:100px;
	height:34px;
	background:#fff;
	margin:10px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	color:#FE0000;
	cursor:pointer;
	float:right;
	text-transform: uppercase;
	font-weight:bold
}
form .botonazo:hover {
	background:#FE0000;
	border:1px solid #fff;
	color:#fff
}
form label .checkcito {
	padding:0px;
	margin:0px 5px 0px 0px;
}
span.wpcf7-form-control-wrap {
	width:100%;
}	
div.wpcf7-response-output {
	display:block;
	clear:both;
	margin:0px;
	padding:20px 0px 0px 0px;
	border:none!important;
	font-size:12px!important;
	font-weight:bold!important;
}
.wpcf7-validation-errors {
	color:#FE0000!important;
}
.wpcf7-mail-sent-ok {
	color:#220D7B!important;
}
span.wpcf7-not-valid-tip {
	font-weight:normal!important
}

.wp-pagenavi {
    clear: both;
	text-align:center
}
.wp-pagenavi a, .wp-pagenavi span {
    border: 1px solid #FF0000!important;
    margin: 2px!important;
    padding: 3px 5px!important;
    text-decoration: none;
	color:#FF0000;
	font-size:12px
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #ffffff!important;
	color:#fff;
	background:#FF0000
}
.wp-pagenavi span.current {
    font-weight: bold;
}



.fotogaleria {margin-bottom:15px!important; max-width:100%; height:auto; text-align:center}
.fotogaleria img {width:100%; height:auto; margin:0!important; display:block!important}
.fotogaleria .epigrafin {padding:15px; background:#ff0000; text-align:center; color:#fff; font-size:13px; line-height:1.4; display:block!important}
.fotogaleria .epigrafin a {color:#fff!important}
.fotogaleria .epigrafin a:hover {text-decoration:underline!important}