/*
Theme Name: InversionImpacto
Theme URI: http://www.inversiondeimpacto.net
Author: Juan Llamosas
Author URI: http://www.juanllamosas.com
Description: Theme exclusivo para Inversion de Impacto.
Version: 1.0
*/

@charset utf-8;

/* RESETS ------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,del,em,img,samp,small,strong,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tr,th,td {margin:0; padding:0; border:0}
article,aside,canvas,figure,figure img,figcaption,hgroup,footer,header,nav,section {display:block}
a img {border:0}

body {font:76% 'Roboto', sans-serif; background:#FFF; color:#333}

a:link, a:visited {color:#56c5d0; text-decoration:none}
a:hover {color:#3197a1; text-decoration:none}

.clear {height:0px; clear:both}
.left {float:left}
.right {float:right}
.alignleft {float:left; margin:0 15px 10px 0}
.alignright {float:right; margin:0 0 10px 15px}
.aligncenter {margin:0 auto 10px auto}

h2, h3, h4, h5, #nav {font-weight:400}
hr {height:1px; margin:30px 0; border:0; background:#dedede}

#main {margin:0 auto; background:#FFF}
#content {width:1000px; margin:0 auto; padding:30px 0 60px 0}
#contentLeft {width:67%; float:left}
#sidebar {width:30%; float:right}
#contentRight {width:74%; float:right}
#sidebarLeft {width:22%; float:left}
.container {width:1000px; margin:0 auto; padding:30px 0}

.bgCeleste {background:#56c5d0; clear:both}
.bgCeleste.flechasSlider {background:url(img/bgSlider.png) no-repeat center 170px #56c5d0}
.bgCeleste.flechasFooter {background:url(img/bgFooter.png) no-repeat -20px bottom #56c5d0}
.bgWhite {background:#FFF; clear:both}

/* HEADER ------ */
#header {width:1000px; margin:0 auto; padding:30px 0 20px 0}
#header h1 a {width:344px; height:74px; margin:0 0 20px 0; background-image:url(img/inversion-impacto@2x.png); background-size:344px; display:block; text-indent:-9999px; float:left}
#header .social {width:90px; float:right}

/* Social Links ------ */
.tw a {width:34px; height:34px; margin:0 0 0 10px; background:url(img/icTwitter.png) no-repeat left top; display:block; text-indent:-9999px; float:right}
.ln a {width:34px; height:34px; margin:0 0 0 10px; background:url(img/icLinkedin.png) no-repeat left top; display:block; text-indent:-9999px; float:right}
.tw a:hover, #header .ln a:hover {opacity:0.7}

/* MENU Superish ------ */
#nav {width:auto; float:right}

/* FOOTER */
#footer {width:1000px; margin:0 auto; padding:40px 0 120px 0}
#footer .col1 {width:50%; float:left}
#footer .col2 {width:90px; float:right}
#footer h5 {margin:0 0 10px 0; font-size:1.5em; line-height:1.2em; color:#FFF; text-transform:uppercase}
#footer p {margin:0 0 8px 0; font-size:1.3em; line-height:1.3em; font-weight:300; color:#FFF}
#footer a {color:#FFF}
#footer a:hover {color:#c4e9ed}
#footer ul {list-style-type:none}
#footer ul li {margin:0 0 8px 0; font-size:1.1em; line-height:1.2em}

/* HOME ------ */
#slider  {width:1000px; margin:0 auto; padding:30px 0}
#slider .videoHome {width:540px; float:left}
#slider .videoHome .video {width:540px; height:0; padding-bottom:56.25%; /* 16:9 */ position:relative}
#slider .videoHome iframe {width:100%; height:100%; position:absolute; top:0; left:0}
#slider .texto {width:420px; margin:10px 0 0 40px; float:left}
#slider .texto h2 {margin:0 0 20px 0; font-size:1.6em; font-weight:300; color:#FFF}
#slider .texto .more a {padding:5px 30px; font-size:1.3em; color:#56c5d0; background:#FFF; display:inline-block; text-transform:uppercase}
#slider .texto .more a:hover {background:#238d98; color:#FFF}

.info {}
.info .col1 {width:54%; float:left}
.info .col2 {width:41%; margin:0 0 0 40px; float:left}
.info h3 {margin:0 0 20px 0; font-size:2em}
.info p {margin:0 0 20px 0; font-size:1.5em}
.info .more a {padding:5px 30px; font-size:1.3em; color:#FFF; background:#56c5d0; display:inline-block; text-transform:uppercase}
.info .more a:hover {background:#238d98; color:#FFF}
.info a.pdf {padding:14px 20px 14px 45px; background:url(img/pdf.png) no-repeat 5px 8px; display:block}
.info .esfuerzo {height:75px; margin:0 0 10px 0; background:url(img/bgPunta.png) no-repeat right -22px #ebeced}
.info .text {width:70%; padding:10px 45px 10px 10px; font-size:1.3em; float:left}
.info .icon1 {width:47px; height:47px; margin:9px 0 0 9px; background:url(img/icon1.png) no-repeat left top; float:left}
.info .icon2 {width:47px; height:47px; margin:9px 0 0 9px; background:url(img/icon2.png) no-repeat left top; float:left}
.info .icon3 {width:47px; height:47px; margin:9px 0 0 9px; background:url(img/icon3.png) no-repeat left top; float:left}
.info .icon4 {width:47px; height:47px; margin:9px 0 0 9px; background:url(img/icon4.png) no-repeat left top; float:left}
.info .icon5 {width:47px; height:47px; margin:9px 0 0 9px; background:url(img/icon5.png) no-repeat left top; float:left}

.moduleTit {margin:0 0 15px 0; padding:0; background:url(img/bgModule.png) repeat-x left 10px}
.moduleTit h5 {padding:10px 15px 10px 0; background:#FFF; font-size:2em; display:inline-block; text-transform:uppercase; float:left}
.moduleTit h5 a {color:#333}
.moduleTit .more {padding:19px 15px; background:#FFF; font-size:1.2em; text-transform:uppercase; float:right}

#news .article {width:22%; margin:0 15px 30px 15px; float:left}
#news .article .photo {width:220px; height:130px; margin:0 0 15px 0}
#news .article .photo img {width:100%; height:100%}
#news .article .photo a:hover img {opacity:0.8}
#news .article .fuente {margin:0 5px 5px 0; padding:0 5px 0 0; border-right:1px solid #ebeced; font-size:1.15em; line-height:1.2em; font-weight:300; color:#999; display:inline-block}
#news .article .date {margin:0 0 5px 0; font-size:1.15em; line-height:1.2em; font-weight:300; color:#999; display:inline-block}
#news .article h3 {font-size:1.6em; line-height:1.2em}

/* SIDEBAR ------ */
.widget {margin:0 0 30px 0; padding:20px; border:1px solid #ebeced}
.widget h3 {margin:0 0 10px 0; font-size:1.6em; line-height:1.2em}
.widget ul {list-style-type:none}
.widget ul li a {padding:8px 0; font-size:1.3em; display:block}
.widget ul ul {margin:5px; font-size:0.8em}
.widget ul ul li a {margin:0 0 4px 0; padding:6px 10px; font-size:1.2em; background:#edf6ed; display:block}
.widget p {margin:0 0 15px 0; font-size:1.3em; line-height:1.3em}
.widget p.more a {margin:0; padding:5px 28px 5px 10px; font-size:0.9em; color:#FFF; background:url(img/dotGo.png) no-repeat right 7px #c9c593; display:inline-block;text-transform:uppercase}
.widget p.more a:hover {background:#938e50}
.tagcloud {padding:10px; text-align:center}
.tagcloud a {padding:5px}

/* Mailpoet ------ */
.widget .widget_wysija_cont .wysija-input {width:200px; margin:0 0 5px 0 !important;  padding:5px 10px; background:#F6F6F6; border:0; color:#999; font-size:1.1em; font-weight:300}
.widget .widget_wysija_cont .wysija-submit {padding:5px 15px; background:#0083c0; border:0; font-size:1.3em; color:#FFF; text-transform:uppercase; outline:0}
.widget .widget_wysija_cont .wysija-submit:focus, .shortcode_wysija .wysija-submit:hover {background:#003366; color:#FFF; outline:0}
.widget .widget_wysija_cont .formErrorContent {border:0 !important}
.widget .widget_wysija_cont .updated {margin:-5px 0 0 0 !important; border:0 !important}
.widget .widget_wysija_cont .updated ul {list-style-type:none !important}
.widget .widget_wysija_cont .updated li {padding:10px; font-size:1.4em; background:#FF6}

/* Submenu ------ */
.submenu {margin:0 0 30px 0; border-top:1px solid #ebeced}
.submenu ul {list-style-type:none}
.submenu ul li a {padding:8px; font-size:1.5em; line-height:1.2em; font-weight:300; border-bottom:1px solid #ebeced; display:block; outline:0}
.submenu ul li.current_page_item a, .submenu ul li.current-menu-item a {background:#ebeced}
.submenu ul li a:hover {background:#0083c0; color:#FFF; text-decoration:none}

/* Buscador ------ */
#searchform {width:93%; height:20px; padding:4px 8px; background:#f6f6f6}
#searchform #s {width:80%; height:18px; border:none; font-size:1.2em; color:#666; font-family:Arial; background:#f6f6f6; float:left}
#searchform #s:hover, #searchform #s:focus {color:#333; outline:0}
#searchsubmit {width:22px; height:22px; background:url(img/botSearch.gif) no-repeat left top; border:none; float:right}
#searchsubmit:focus, #searchsubmit:hover {background:url(img/botSearch.gif) no-repeat left -22px; outline:0}

/* PAGES Tit ------ */
.pageTit {height:160px; margin:0 auto; background:url(img/bgSlider.png) no-repeat center -40px #56c5d0}
.pageTit h2 {margin:60px 0 0 0; font-size:2.6em; color:#FFF; line-height:1.2em; display:inline-block}
.pageTit h2 a {color:#FFF}
.pageTit h2 a:hover {color:#b5dff3}
.pageTit h2 span {width:10px; padding:0 0 0 30px; background:url(img/dotTitSep.png) no-repeat 10px 10px}

/* PAGES ------ */
#page {margin:0 0 30px 0}
#page h3 {margin:0 0 20px 0; font-size:2em; line-height:1.3em}
#page h4 {margin:0 0 15px 0; font-size:1.8em; line-height:1.3em}
#page h5 {margin:0 0 15px 0; font-size:1.6em; line-height:1.3em}
#page p {margin:0 0 15px 0; font-size:1.4em; line-height:1.5em}
#page p a:hover {text-decoration:underline}
#page ul, #page ol {margin:10px 30px 30px 30px}
#page ul li {margin:0 0 8px 10px; list-style-image:url(img/dotList1.png); font-size:1.4em; line-height:1.4em}
#page ol li {margin:0 0 8px 10px; font-size:1.4em; line-height:1.4em}
#page li ul {margin:10px 30px 10px 30px}
#page li ul li {margin:0 20px 8px 10px; font-size:1em}

#page .colLeft {width:540px; float:left}
#page .colLeft .video {width:540px; height:0; padding-bottom:56.25%; /* 16:9 */ position:relative}
#page .colLeft iframe {width:100%; height:100%; position:absolute; top:0; left:0}
#page .colRight {width:380px; margin:10px 0 0 30px; float:left}

#page p.more a {padding:5px 30px; font-size:1.2em; color:#FFF; background:#56c5d0; display:inline-block; text-transform:uppercase}
#page p.more a:hover {background:#3197a1; text-decoration:none}
#page a.pdf {padding:14px 20px 14px 50px; background:url(img/pdf.png) no-repeat 10px 8px; border:1px solid #ebeced; display:block}

#page .box {margin:0 0 30px 0; padding:20px; background:#ebeced}
#page .box h3 {margin:0 0 12px 0; font-size:2em}
#page .box p {margin:0 0 12px 0}

#page .box3 {width:26%; height:400px; margin:10px 15px 30px 15px; padding:20px; background:#ebeced; float:left}
#page .box3 h4 {margin:0 0 12px 0; padding:0; font-size:2em}
#page .box3 p {margin:0 0 10px 0; font-size:1.2em}

blockquote {background:#ebeced; margin:3px 0 20px 0; padding:20px; font-size:1.1em; line-height:1.45; font-style:italic; quotes: "\201C""\201D"}
blockquote:before {color:#999; content:open-quote; font-size:4.4em; line-height:0.1em; margin-right:13px; vertical-align:-25px; font-family:Georgia}
blockquote p {display:inline}
blockquote cite {color:#666; font-size:0.8em; display:block; margin-top:5px; font-family:Arial}
blockquote cite:before {content:"\2014 \2009"}

/* Post Index y Categorias ------ */
.postList {padding:20px 0; border-bottom:1px solid #ebeced}
.postList .text {width:60%; float:left}
.postList .photo {width:240px; height:142px; margin:0 20px 0 0; float:left}
.postList .photo img {width:100%; height:100%}
.postList .photo a:hover img {opacity:0.7}
.postList h3 {margin:0 0 5px 0; font-size:2em; line-height:1.2em}
.postList p {margin:0 0 5px 0; font-size:1.2em; line-height:1.4em}
.postList .meta {margin:0 0 5px 0; font-size:1.15em}
.postList .meta span {padding:0 5px; color:#ebeced}

.noResults {margin:0 0 30px 0}
.noResults h3 {margin:0 0 10px 0; font-size:1.6em}
.noResults p {margin:0 0 10px 0}

/* POSTS ------ */
#post h2 {margin:0 0 20px 0; font-size:3em; line-height:1.2em}
#post .meta {margin:0 0 10px 0; font-size:1.2em; padding:0 0 10px 0; border-bottom:1px solid #ebeced; line-height:1.4em}
#post .metaCat {margin:0 0 15px 0; font-size:1.2em; line-height:1.4em}
#post .entry p {margin:0 0 15px 0; font-size:1.4em; line-height:1.55em}
#post .entry p a:hover {text-decoration:underline}
#post .entry h3 {font-size:2em; margin:0 0 20px 0; line-height:1.3em}
#post .entry h4 {font-size:1.7em; margin:0 0 15px 0; padding:10px 0 0 0; line-height:1.3em}
#post .entry h5 {font-size:1.5em; margin:0 0 15px 0; font-weight:600; line-height:1.3em}
#post .entry ul, #post .entry ol {margin:10px 30px 30px 30px; padding:10px 0 0 0}
#post .entry ul li, #post .entry ol li {margin:0 0 12px 0; font-size:1.4em; line-height:1.5em}
#post .entry ul ul li {font-size:0.85em}
#post .tags {margin:0 0 10px 0; padding:10px 0; font-size:1.2em}
#post .tags a {margin:0 5px 5px 0; padding:3px 8px; background:#56c5d0; color:#FFF; display:inline-block}
#post .tags a:hover {background:#3197a1; color:#FFF}
#post a.pdf {padding:14px 20px 14px 50px; background:url(img/pdf.png) no-repeat 10px 8px; border:1px solid #ebeced; display:block}

/* Post Navigation */
.navigationSingle {margin:0 0 20px 0; border-top:1px solid #ebeced; border-bottom:1px solid #ebeced; font-size:1.2em; line-height:1.2em}
.navigationSingle .older {width:49.5%; text-align:center; border-right:1px solid #ebeced; float:left}
.navigationSingle .newer {width:49.5%; text-align:center; float:right}
.navigationSingle .older a {display:block; height:30px; padding:20px 30px; background:url(img/dotOlder.png) no-repeat left 20px; overflow:hidden}
.navigationSingle .newer a {display:block; height:30px; padding:20px 30px; background:url(img/dotNewer.png) no-repeat right 20px; overflow:hidden}

.wp-caption {padding:6px 5px 0 5px; background:#ebeced; text-align:center; font-size:.8em; color:#666}
.wp-caption p.wp-caption-text {padding:0; margin:0}

.navigation {height:25px; margin:0 0 20px 0; padding:15px 0; font-size:1.2em; text-transform:uppercase; clear:both}
.navigation .older {padding:2px 4px 4px 22px; margin:0 0 0 5px; float:left; background:url(img/dotPrev.png) no-repeat left 4px}
.navigation .newer {padding:2px 22px 4px 4px; margin:0 5px 0 0; float:right; background:url(img/dotNext.png) no-repeat right 4px}

/* Galeria ------ */
.gallery {margin:10px 0 30px 0}
.gallery-item {float:left; margin:0 1px 2px 1px; padding:8px 0; min-height:190px; text-align:center; width:32%; background:#f4f4f4; overflow:hidden}
.gallery img {height:150px; margin:0 0 -3px 0; padding:0}
.gallery a {display:inline-block; border:1px solid #596895}
.gallery a:hover {margin:0; padding:0; border:1px solid #ebeced}
.gallery-caption {margin-left: 0; padding:2px 10px; font-size:.9em; color:#999}

/* LightBox ------ */
#colorbox, #cboxOverlay, #cboxWrapper, .cboxElement {outline:0 !important}

/* CONTACT PAGE */
div.wpcf7 {margin:0 0 30px 0; padding:20px !important; border:1px solid #ebeced}
div.wpcf7 .col {width:42%; margin:0 30px 8px 0; float:left}
div.wpcf7 .colFull {width:89%; margin:0 0 8px 0}
div.wpcf7 h5 {margin:0 0 30px 0 !important}
div.wpcf7 p, div.wpcf7 span.wpcf7-quiz-label {margin:0 0 3px 0 !important; display:block}
div.wpcf7 span.red {color:#900}
div.wpcf7 input {width:100%; padding:6px; margin:0 0 10px 0; border:1px solid #ccc; font-size:1em; font-family:Arial; outline:0}
div.wpcf7 input:focus {background:#FFC; outline:0}
div.wpcf7 textarea {width:100%; height:90px; padding:6px; margin:3px 0 8px 0; font-size:1em; border:1px solid #ccc; font-family:Arial}
div.wpcf7 textarea:focus {background:#FFC; outline:0}
div.wpcf7 select {padding:6px; margin:3px 0 8px 0; font-size:1.1em; font-family:Arial}
div.wpcf7 .wpcf7-submit {width:120px; padding:6px 20px 5px 20px; display:inline-block; background:#0083c0; border:0; font-size:1.1em; text-transform:uppercase; color:#FFF; font-weight:400; outline:0}
div.wpcf7 .wpcf7-submit:focus, div.wpcf7 .wpcf7-submit:hover {background:#003366; color:#FFF; outline:0}
div.wpcf7 input.wpcf7-mailpoetsignup {border:none; width:20px}

/* Back to top */
.cd-top {display:inline-block; height:60px; width:60px; position:fixed; bottom:40px; right:10px; overflow:hidden; text-indent:100%; white-space:nowrap; background:url(img/top.png) no-repeat center 50%; visibility:hidden; opacity:0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition:opacity .3s 0s, visibility 0s .3s; transition:opacity .3s 0s, visibility 0s .3s; outline:0}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s;  -moz-transition:opacity .3s 0s, visibility 0s 0s; transition:opacity .3s 0s, visibility 0s 0s}
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity:1}
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity:.5}
.no-touch .cd-top:hover {opacity:1}
@media only screen and (min-width: 768px) {
	.cd-top {right:20px; bottom:20px}
}
@media only screen and (min-width: 1024px) {
  .cd-top {right:30px; bottom:20px}
}


/* RESPONSIVE QUERIES */

/* Check size */
.s768 {display:none}
.s480 {display:none}
.s479 {display:none}  

/* Common */
@media screen and (max-width: 1000px) {

	#header {width:94%; padding:20px 0}
	#nav {float:none}
	#footer {width:94%; padding:30px 0 80px 0}
	#content {width:94%; padding:20px 0 40px 0}
	#slider {width:94%}
	.container {width:94%; padding:30px 0}
	.pageTit {height:auto}
	.size-large, .size-full {width:100%; height:100%}
}

/* Big Sreens */
@media screen and (min-width: 1300px) {
	body {background:#ebeced}
	#main {width:1280px}
}

/* Portrait tablet to landscape and desktop */
@media screen and (min-width: 768px) and (max-width: 1000px) {
	
	#nav {margin:0 0 0 -5px}
	.sf-menu li {margin:0 !important}
	.sf-menu li a {font-size:1.2em; padding:4px 7px !important}
	ul.sub-menu li a {padding:7px !important}
	ul.sub-menu {width:160px}

	.bgCeleste.flechasFooter {background-position:-80px bottom}
	#footer .col1 {width:70%}

	#slider {padding:20px 0}
	#slider .videoHome {width:55%}
	#slider .videoHome .video {width:auto}
	#slider .texto {width:42%; margin:0 0 0 20px}
	#slider .texto h2 {margin:0 0 15px 0; font-size:1.4em}
	#slider .texto .more a {padding:5px 20px}

	.info .col2 { margin:0 0 0 30px}
	.info h3 {font-size:1.8em}
	.info p {margin:0 0 15px 0; font-size:1.4em}
	.info .more a {padding:5px 20px}
	
	.info .esfuerzo {height:72px; background-position:right -22px}
	.info .text {width:65%; padding:8px 40px 10px 8px; font-size:1.2em}
	.info .icon1, .info .icon2, .info .icon3, .info .icon4, .info .icon5 {width:42px; height:42px; margin:7px 0 0 7px; background-size:42px}

	.moduleTit {margin:0 0 10px 0}
	.moduleTit h5 {font-size:1.8em}

	#news .article {width:21.9%; margin:0 10px 20px 10px}
	#news .article .photo {width:auto; height:auto; margin:0 0 3px 0}
	#news .article h3 {font-size:1.4em}
	#news .article .fuente, #news .article .date {font-size:1.1em}
	
	.widget {margin:0 0 20px 0; padding:15px}
	.widget h3 {font-size:1.5em}
	.widget p.email {font-size:1.1em}
	.widget .widget_wysija_cont .wysija-input {width:95%; padding:5px; font-size:1.1em}
	
	.submenu ul li a {padding:6px 8px; font-size:1.4em}
	
	.pageTit {height:100px; background-size:900px}
	.pageTit h2 {margin:20px 0 0 0; font-size:2.4em}

	#page h3 {font-size:1.8em; margin:0 0 20px 0}
	#page h4 {font-size:1.6em}
	#page h5 {font-size:1.5em}
	#page ul li, #page ol li {font-size:1.2em}
	#page .box {margin:0 0 20px 0; padding:15px}
	#page .box3 {width:auto; height:auto; margin:0 0 20px 0; padding:10px 20px; float:none}
	#page p.more a {padding:7px 25px}
	
	#page .colLeft {width:55%}
	#page .colLeft .video {width:auto}
	#page .colRight {width:42%; margin:0 0 0 20px}
	#page .colRight h5 {font-size:1.4em}

	.postList .text {width:60%}
	.postList .photo {width:30%; height:auto}
	.postList h3 {font-size:1.8em}

	#post h2 {font-size:2.4em}
	
	.navigationSingle .older a, .navigationSingle .newer a {height:40px; padding:20px}
	.navigation {padding:15px 0}

	.video {width:auto}

	div.wpcf7 {margin:0 0 20px 0; padding:15px !important}
	div.wpcf7 .col {width:44%; margin:0 20px 8px 0}
	div.wpcf7 .colFull {width:93%}
	div.wpcf7 input {padding:5px}
	div.wpcf7 textarea {padding:5px}
	div.wpcf7 select {padding:5px}
	div.wpcf7 .wpcf7-submit {width:100px; font-size:1em}

	/* Check size 
	.s768 {display:block} */

}

/* Iphone Ipod Landscape */
@media screen and (min-width: 480px) and (max-width: 767px) {

	html {-webkit-text-size-adjust:none}

	#contentLeft, #contentRight {width:auto; float:none}
	#sidebar, #sidebarLeft {width:auto; float:none}
	.container {padding:20px 0}
	
	#header {width:96%}
	#header h1 a {width:280px; height:60px; margin:0 0 20px 10px; background-size:280px}

	.sf-menu li a {font-size:1.2em; padding:4px 7px !important}
	ul.sub-menu li a {padding:7px !important}
	ul.sub-menu {width:120px !important}

	.bgCeleste.flechasFooter {background-position:-100px bottom}
	#footer .col1 {width:auto; float:none}
	#footer .col2 {margin:0 0 0 -10px; float:none}
	
	.bgCeleste.flechasSlider {background-position:center 250px; background-size:900px}
	#slider {padding:20px 0}
	#slider .videoHome {width:auto; margin:0 0 20px 0; float:none}
	#slider .videoHome .video {width:auto}
	#slider .texto {width:auto; margin:0; float:none}
	#slider .texto h2 {margin:0 0 15px 0; font-size:1.4em}
	#slider .texto .more a {padding:5px 20px}
	
	.info .col1 {width:auto; margin:0 0 30px 0; float:none}
	.info .col2 {width:auto; margin:0 0 20px 0; float:none}
	.info h3 {font-size:1.7em}
	.info p {margin:0 0 15px 0; font-size:1.4em}
	.info .more a {padding:5px 20px}
	
	.info .esfuerzo {height:72px}

	.widget .widget_wysija_cont .wysija-input {width:60%; padding:5px; font-size:1.1em}
	
	.moduleTit {margin:0 0 10px 0}
	.moduleTit h5 {padding:10px 15px 10px 5px; font-size:1.7em}

	#news .article {width:auto; margin:0 0 20px 0}
	#news .article .photo {width:35%; height:auto; margin:0 20px 0 0; float:left}
	#news .article .texto {width:58%; float:left}
	#news .article h3 {font-size:1.5em}
	#news .article .fuente, #news .article .date {font-size:1.1em}
	
	.widget {margin:0 0 20px 0; padding:15px}
	.widget h3 {font-size:1.6em}
	
	.submenu ul li a {padding:6px 8px; font-size:1.4em}

	.pageTit {height:auto; background-size:800px}
	.pageTit h2 {margin:20px 0 0 0; font-size:2em}
	
	#page h3 {font-size:1.8em; margin:0 0 20px 0}
	#page h4 {font-size:1.6em}
	#page h5 {font-size:1.5em}
	#page p {font-size:1.35em; line-height:1.3em}
	#page ul li, #page ol li {font-size:1.35em}
	#page .box {margin:0 0 20px 0; padding:15px}
	#page .box3 {width:auto; height:auto; margin:0 0 20px 0; padding:10px 20px; float:none}
	#page p.more a {padding:7px 25px}
	#page a.pdf {padding:10px 20px 14px 48px; background-position:8px 6px}

	#page .colLeft {width:auto; margin:-12px -12px 15px -12px; float:none}
	#page .colLeft .video {width:auto}
	#page .colRight {width:auto; margin:0 0 0 0}
	#page .colRight h5 {font-size:1.4em}

	.postList .text {width:60%}
	.postList .photo {width:30%; height:auto}
	.postList h3 {font-size:1.7em}

	#post h2 {font-size:2.4em}
	
	.navigationSingle {display:none}

	.navigation {padding:15px 0}

	.video {width:auto}

	div.wpcf7 {margin:0 0 20px 0}
	div.wpcf7 .col {width:44%; margin:0 20px 8px 0}
	div.wpcf7 .colFull {width:93%}
	div.wpcf7 p {font-size:1.3em !important}
	div.wpcf7 input {padding:5px}
	div.wpcf7 textarea {padding:5px}
	div.wpcf7 select {padding:5px}
	div.wpcf7 .wpcf7-submit {width:100px; font-size:1em}
	
	.size-medium {width:100%; height:100%}

	/* Check size 
	.s480 {display:block} */
	
}

/* Iphone Ipod vertical and down */
@media screen and (max-width: 479px) {

	#contentLeft, #contentRight {width:auto; float:none}
	#sidebar, #sidebarLeft {width:auto; float:none}
	.container {padding:20px 0}
	
	#header {width:96%}
	#header h1 a {width:280px; height:60px; margin:0 0 20px 10px; background-size:280px; float:none}
	#header .social {display:none}

	.sf-menu li {margin:0 1px 1px 0 !important}
	.sf-menu li a {font-size:1.2em; padding:4px 7px !important}
	ul.sub-menu li a {padding:7px !important}
	ul.sub-menu {width:120px !important; border-top:5px solid #FFF !important}

	.bgCeleste.flechasFooter {background-position:-120px bottom}
	#footer .col1 {width:auto; float:none}
	#footer .col2 {margin:0 0 0 -10px; float:none}
	
	.bgCeleste.flechasSlider {background-position:center 250px; background-size:900px}
	#slider {padding:20px 0}
	#slider .videoHome {width:auto; margin:0 0 20px 0; float:none}
	#slider .videoHome .video {width:auto}
	#slider .texto {width:auto; margin:0; float:none}
	#slider .texto h2 {margin:0 0 15px 0; font-size:1.4em}
	#slider .texto .more a {padding:5px 20px}
	
	.info .col1 {width:auto; margin:0 0 30px 0; float:none}
	.info .col2 {width:auto; margin:0; float:none}
	.info h3 {font-size:1.6em}
	.info p {margin:0 0 15px 0; font-size:1.4em}
	.info .more a {padding:5px 20px}
	
	.info .esfuerzo {height:72px; background-position:right -22px}
	.info .text {width:65%; padding:8px 40px 10px 8px; font-size:1.2em}
	.info .icon1, .info .icon2, .info .icon3, .info .icon4, .info .icon5 {width:42px; height:42px; margin:7px 0 0 7px; background-size:42px}
	
	.widget .widget_wysija_cont .wysija-input {width:90%; padding:5px; font-size:1.1em}
	
	.moduleTit {margin:0 0 10px 0; background-position:left 10px}
	.moduleTit h5 {padding:10px 15px 10px 5px; font-size:1.7em}

	#news .article {width:auto; margin:0 0 20px 0}
	#news .article .photo {width:35%; height:auto; margin:0 12px 0 0; float:left}
	#news .article .texto {width:60%; float:left}
	#news .article h3 {font-size:1.4em}
	#news .article .fuente, #news .article .date {font-size:1.1em}
	
	.widget {margin:0 0 20px 0}
	.widget h3 {font-size:1.6em}
	
	.submenu ul li a {padding:6px 8px; font-size:1.4em}

	.pageTit {height:auto; background-size:600px}
	.pageTit h2 {margin:10px 0 0 0; font-size:1.8em}
	
	#page h3 {font-size:1.8em; margin:0 0 20px 0}
	#page h4 {font-size:1.6em}
	#page h5 {font-size:1.4em}
	#page p {font-size:1.35em; line-height:1.3em}
	#page ul li, #page ol li {font-size:1.35em}
	#page .box {margin:0 0 20px 0; padding:15px}
	#page .box3 {width:auto; height:auto; margin:0 0 20px 0; padding:10px 20px; float:none}
	#page p.more a {padding:7px 25px}
	#page a.pdf {padding:10px 20px 14px 48px; background-position:8px 6px}

	#page .colLeft {width:auto; margin:-12px -12px 15px -12px; float:none}
	#page .colLeft .video {width:auto}
	#page .colRight {width:auto; margin:0 0 0 0}
	#page .colRight h5 {font-size:1.4em}

	.postList .text {width:auto; float:none}
	.postList .photo {width:auto; height:auto; margin:0 0 8px 0; float:none}
	.postList h3 {font-size:1.6em}
	.postList p {display:none}

	#post h2 {font-size:2.2em}
	#post .entry p {margin:0 0 12px 0; font-size:1.3em; line-height:1.4em}
	#post .entry h3 {font-size:1.8em}
	#post .entry h4 {font-size:1.6em}
	
	.navigationSingle {display:none}

	.navigation {padding:15px 0}

	.video {width:auto}

	div.wpcf7 {margin:0 0 20px 0}
	div.wpcf7 .col {width:93%; margin:0 0 8px 0}
	div.wpcf7 .colFull {width:93%}
	div.wpcf7 p {font-size:1.3em !important}
	div.wpcf7 input {padding:5px}
	div.wpcf7 textarea {padding:5px}
	div.wpcf7 select {padding:5px}
	div.wpcf7 .wpcf7-submit {width:100px; font-size:1em}
	
	.size-medium {width:100%; height:100%}

	/* Check size 
	.s479 {display:block} */

}