@charset "UTF-8";
/* CSS Document */

/*@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url("../fonts/opensans-regular-webfont.woff") format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSansItalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('../fonts/opensans-italic-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}*/

body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif;}

.container{ max-width:1260px; width:98%; margin:auto;}
a{ outline:none}

/* Grilla */
.mod-1col{ width:100%; float:left; margin:0 0 2%} /* ancho para 3 columnas */

.mod-2col{ width:49%; margin:0 2% 2% 0; float:left}
.mod-2col:nth-child(2n+2){ margin-right:0;}

.mod-3col{ width:32%; float:left; margin:0 2% 0 0} /* ancho para 3 columnas */
.mod-3col:nth-child(3n+3){ margin-right:0;}

.mod-2-3col{ width:66%; float:left; margin:0 2% 0 0} /* ancho para 2/3 columnas */

.mod-4col{ width:23.5%; float:left; margin:0 2% 0 0} /* ancho para 4 columnas */
.mod-4col:nth-child(4n+4){ margin-right:0;}

.mod-3-4col{ width:74.5%; float:left; margin:0} /* ancho para 3/4 columnas */

.mod-5col{ width:18.4%; float:left; margin:0 2% 0 0} /* ancho para 5 columnas */
.mod-5col:nth-child(5n+5){ margin-right:0;}


/* header */

header { width:100%; float:left; position:relative; height:68px; margin-bottom:20px;
	background: #01eaff; /* Old browsers */
	background: -moz-linear-gradient(top,  #01eaff 0%, #29a1e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01eaff), color-stop(100%,#29a1e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01eaff 0%,#29a1e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01eaff 0%,#29a1e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01eaff 0%,#29a1e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #01eaff 0%,#29a1e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01eaff', endColorstr='#29a1e2',GradientType=0 ); /* IE6-9 */
}
header .logo{ width:425px; height:68px; float:left; background:url(../images/argentinaShale.logo.png) no-repeat; display:block; text-indent:-50000px}
header .menu{ display:block; padding:0; margin:0 0 0 14px; float:left; font-weight:700;}
header .menu li{ float:left; text-transform:uppercase; font-size:14px; }
header .menu li a,
header .menu li span{ display:block; padding:25px 10px 17px; color:#FFF; text-decoration:none; height:26px;text-align:center; cursor:pointer;}
header .menu li > span:hover,
header .menu li > a:hover,
header .menu li.active > a,
header .menu li.active > span{ background:#29A2E2;}

header .menu .menuDesplegado{ width:96%; padding:20px 2%; background:#29A2E2; margin:0; display:none; float:left; position:absolute; left:0; z-index:3;}

header .menu .menuDesplegado ul{ display:block; border-right:1px solid #CCC; }
header .menu .menuDesplegado ul{ width:calc(23.5% - 1px); -moz-width:calc(23.5% - 1px); -webkit-width:calc(23.5% - 1px); -ms-width:calc(23.5% - 1px); -o-width:calc(23.5% - 1px);}
header .menu .menuDesplegado ul li{ float:left; width:96%; text-align:left; margin-bottom:15px; padding-right:4%;}
header .menu .menuDesplegado ul li span{ text-align:left; height:auto; padding:0; color:#FFF;}
header .menu .menuDesplegado ul li.active span{ color:#26579f}

header .search{ float:right; width:15%; margin:19px 5px 0 0;}
header .search input[type="text"]{ border:none; background:#FFF; border-radius:4px 0 0 4px; height:20px; float:left; width:79.5%; padding:0.25%;}
header .search button{ display:block; text-align:center; height:20px; background:#29A1E2; border:none; float:left; border-radius:0 4px 4px 0; color:#FFF; width:19.5%; padding:0.25% 0}
header .search button i{ position:relative; top:-1px}

header .menu .menuDesplegado .infoMenu{ display:none; position:relative}
header .menu .menuDesplegado .infoMenu .verTodas{ position:absolute; background:#05E4FD; padding:5px 10px; text-align:center; right:0; color:#FFF; bottom:-35px; height:15px}

header .menu .menuDesplegado .newsMenu{ position:relative;}
header .menu .menuDesplegado .newsMenu a{ display:block; padding:0; height:auto;}
header .menu .menuDesplegado .newsMenu img{ display:block; width:100%;}
header .menu .menuDesplegado .newsMenu h3{ font-size:15px; text-transform:none; margin-top:5px; line-height:18px;}
header .menu .menuDesplegado .newsMenu h3 a{ color:#FFF; text-decoration:none;text-align:left; }
header .menu .menuDesplegado .newsMenu h3 a:hover{ text-decoration:underline}

.triggerMenu{ display:none;}

.temas{font-weight:600; text-transform:uppercase;}
.temas li{ display:inline-block; margin-right:15px;}
.temas li:first-child{font-weight:700}
.temas li a{font-weight:400; color:#29a1e2; text-decoration:none;}


/* Contenido Home */
.contenidoHome > .mod-2-3col{ width:70%}
.contenidoHome aside.mod-3col{ margin-right:0; width:28%}

.destacadaPrincipal img{ width:100%; display:block; margin-bottom:10px}
.destacadaPrincipal h1{ font-weight:600; font-size:38px; margin:0 0 10px; display:block}
.destacadaPrincipal h1 a{ color:#000; text-decoration:none;}
.destacadaPrincipal .bajada{ font-size:20px; color:#3a4448; line-height:34px; }


.share{ width:100%; float:left}
.share.share-head{ width:auto; }
.share ul{ padding:0; margin:10px 0 0;}
.share ul li{ display:inline-block;}
.share ul li a{ display:block; width:26px; height:21px; padding-top:5px; border-radius:50%; background:#69BEEB; color:#FFF; text-decoration:none; text-align:center; font-size:16px;}


.destacadaSecundaria{ margin-right:0; margin-bottom:2%;}
.destacadaSecundaria img{ width:100%; display:block; margin-bottom:5px}
.destacadaSecundaria h2{ font-weight:600; font-size:17px; margin:0 0 5px; display:block; line-height:24px;}
.destacadaSecundaria h2 a{ color:#000; text-decoration:none;}
.destacadaSecundaria .bajada{ font-size:14px; color:#3a4448; line-height:20px; }

.bloqueSecundario:after{content: '';display: block;clear: both;}


footer{ width:100%; float:left; background:url(../images/bg.footer.jpg) repeat-x; height:91px;}
footer .logoFooter{ max-width: 250px; height: auto; margin:33px auto 34px; display: block;}
footer ul{ display:block; float: left; width: 100%; background:#666; padding: 10px 0; text-align: center; }
footer ul li{ display: inline-block; border-right: 1px solid #FFF; font-size: 16px; padding-right: 10px; margin-right: 10px;}
footer ul li:last-child{ border-right: 0; margin-right: 0; padding-right: 0;}
footer ul li a{ color: #FFF;font-weight:600;  text-transform:uppercase; text-decoration: none;}


.noticiaSecundariaSizer{ width:50%;}

.noticiaSecundaria{margin-right:0; margin-bottom:30px;}
.noticiaSecundaria img{ width:100%; display:block; margin-bottom:20px}
.noticiaSecundaria h3{ font-weight:600;  font-size:24px; margin:0 0 10px; display:block}
.noticiaSecundaria h3 a{ color:#000; text-decoration:none;}
.noticiaSecundaria .bajada{font-size:16px; color:#3a4448; line-height:22px; }


.opiniones .headOpiniones { position: relative; margin:0 0 20px; padding:4%;border: 1px solid #bfbfbf;background: #FFF; float:left; width:calc(92% - 2px);font-family:'OpenSansBold', Arial, Helvetica, sans-serif; font-size:22px; text-transform:uppercase}
/* Required for Down Triangle */.opiniones .headOpiniones:before, 
.opiniones .headOpiniones:after {content: "";position: absolute;width: 0;height: 0;border-style: solid;border-color: transparent;border-bottom: 0;}
/* Stroke */.opiniones  .headOpiniones:before {bottom: -16px;left: 21px;/* If 1px darken stroke slightly */border-top-color: #bfbfbf;border-width: 16px;}
/* Fill */.opiniones .headOpiniones:after {bottom: -15px;left: 22px;border-top-color: #FFF;border-width: 15px;}

.opiniones .listaOpiniones li{ width:100%; float:left; margin-bottom:20px;}
.opiniones .listaOpiniones li .avatar { max-width:80px; float:left; background:#F4F4F4; margin-right:10px;}
.opiniones .listaOpiniones li .avatar img{  width:100%; float:left; margin:0;}
.opiniones .listaOpiniones li h4{ font-weight:normal;font-size:20px; margin-bottom:15px; }
.opiniones .listaOpiniones li h4 a{ text-decoration:none; color:#000;font-style:italic;}
.opiniones .listaOpiniones li .autor{ color:#29a1e2; text-decoration:none; font-size:20px;}

.opiniones .verTodos{ width:100%; border-top:1px solid #BFBFBF; text-align:right; float:left;padding-top:10px;}
.opiniones .verTodos a{ text-decoration:none; color:#29a1e2;}


/* listas home */
.listas h3{ 
	dipslay:block;
	margin:0;
	color:#FFF;
	float:left;
	width:100%;
	height:24px;
	padding-top:7px;
	text-transform:uppercase;
	background: #01eaff; /* Old browsers */
	background: -moz-linear-gradient(top,  #01eaff 0%, #29a1e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01eaff), color-stop(100%,#29a1e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #01eaff 0%,#29a1e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #01eaff 0%,#29a1e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #01eaff 0%,#29a1e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #01eaff 0%,#29a1e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01eaff', endColorstr='#29a1e2',GradientType=0 ); /* IE6-9 */
}
.listas h3 .icon{ float:left; width:31px; height:29px; padding-top:2px; background:#2D9FDE; color:#FFF; text-align:center; font-size:23px; margin-right:5px; position:relative; top:-7px}

.masLeidas ul,
.agenda > ul{ border-bottom:1px solid #BFBFBF; padding:10px 0; float:left; width:100%;}
.agenda > ul > li{ width:100%; float:left; margin:10px 0;}
.agenda > ul > li p{ margin:0; color:#29a1e2; font-size:14px}
.agenda > ul > li a{ text-decoration:none; color:#3a4448; font-size:14px;}

.masLeidas ul li{ list-style: inside decimal; color:#29a1e2; width:100%; float:left; margin-bottom:20px;font-weight:600; font-size:18px;}
.masLeidas ul li .contListas{ float:right; width:89%; padding-left:3%; border-left:1px solid #29a1e2; color:#3a4448;font-weight:400;  font-size:14px}
.masLeidas ul li .contListas a{text-decoration:none;color:#3a4448;font-weight:400;font-size:14px}

.btn-load-more{ width:100%; float:left; line-height:40px; margin:10px 0; background:#29A1E2; text-align:center; color:#FFFFFF; font-weight:700; font-size:14px; text-transform:uppercase; text-decoration:none;}
.btn-load-more:hover{background: #04E4FD;}

.icon-load-more{ width:20px; height:20px; position:relative;top:5px; display:inline-block; background-size:100% auto;background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDQwNC4zMDggNDA0LjMwOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDA0LjMwOCA0MDQuMzA5OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTAsMTAxLjA4aDQwNC4zMDhMMjAyLjE1MSwzMDMuMjI5TDAsMTAxLjA4eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)}
