/*

Theme Name: Twenty Twelve

Theme URI: http://wordpress.org/themes/twentytwelve

Author: the WordPress team

Author URI: http://wordpress.org/

Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.

Version: 1.6

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

Text Domain: twentytwelve



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/



/* =Notes

--------------------------------------------------------------

This stylesheet uses rem values with a pixel fallback. The rem

values (and line heights) are calculated using two variables:



$rembase:     14;

$line-height: 24;



---------- Examples



* Use a pixel value with a rem fallback for font-size, padding, margins, etc.

	padding: 5px 0;

	padding: 0.357142857rem 0; (5 / $rembase)



* Set a font-size and then set a line-height based on the font-size

	font-size: 16px

	font-size: 1.142857143rem; (16 / $rembase)

	line-height: 1.5; ($line-height / 16)



---------- Vertical spacing



Vertical spacing between most elements should use 24px or 48px

to maintain vertical rhythm:



.my-new-div {

	margin: 24px 0;

	margin: 1.714285714rem 0; ( 24 / $rembase )

}



---------- Further reading



http://snook.ca/archives/html_and_css/font-size-with-rem

http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/





/* =Reset

-------------------------------------------------------------- */



/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}









@font-face {font-family: NACambria; src: url('css/cambria.ttf') format('truetype');}

@font-face {font-family: NACambria; src: url('css/cambriab.ttf') format('truetype'); font-weight: bold;}

@font-face {font-family: NACambria; src: url('css/cambriai.ttf') format('truetype'); font-style: italic;}

@font-face {font-family: NACambria; src:url('css/cambriai.ttf') format('truetype'); font-style: oblique;}



a{  color: #fff;
	text-decoration: none;}
			
			
.nav-menu a:hover { background-color: #EF8707;}
  
  body {
  background-image: url("http://congreso.cacia.org/wp-content/uploads/2016/08/fondo-web.jpg");

	    /*background-attachment: fixed;*/
    background-position: center top;
    background-repeat: no-repeat;
background-size: 100% auto;
	    margin: 0 auto;
}

body.search{
	    float: none  !important;
    margin-top: 0  !important;
    margin-right: 0 !important;
}
  
.imgborder{
    border: 1px solid red;
}
  
  /**Barra de busqueda**/
  
  #search-2 {margin-left: 68%; margin-top: -5%;}
  
  /**Redes sociales**/
  #widget_sp_image-15 { 
	float: left;
    margin-left: 86%;
    margin-top: -53px;}
  
  #widget_sp_image-16 {
    float: left;
    margin-left: 89%;
    margin-top: -53px;}
  
 
  /*AREAS ESTRATEGICAS & REVISTAS ALIMENTARIAS*/
  
  /*Áreas Estratégicas*/
.bloques {
	float: left;
    max-width: calc(25% - 40px);
    padding: 20px;
}



.bloques a {font-family: arial; text-decoration: none; display: inline-block; color: #000;} 
.bloques p {color: #373737;
    font-family: arial;
    text-align: justify;
    font-size: 16px;}
/*body {margin: 0 auto; max-width: 1280px; } */
.areas_estrategicas {
	clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 20px 0;
}
.areas_estrategicas h2 {
	font-size: 23px;
font-weight: bold;
margin-bottom: 0.5em;
color: #183458;
padding: 10px;
font-family: arial;
background-color: #E8E8E8;
}

/*Revistas*/
.revistas {
	clear: both;
    margin: 0 auto;
    overflow: hidden;
    padding: 20px 20px 40px;
}
.imgestilos {
    border: 1px solid #000;
    float: left;
    height: auto;
    margin: 15px 20px;
    text-align: center;
    width: 25%;
}
.img_aliados {
 	border: 0 none;
    float: left;
 	margin: 3%;
}
.img_aliados2 {
 	border: 0 none;
    float: left;
 	margin: 2%;
}
.img_revistas {
 border: 1px solid #000;
    float: left;
 	margin: 5%;
}
.img_suplemento {
 border: 1px solid #000;
    float: left;
 	margin: 3%;
}
  
.revista_alimentaria {
	float: left;
	width: calc(48% - 20px);
	margin-left: 20px;
}

.revista_alimentaria img{
	margin-right: 10px;
	float: left;
}

.suplementos_estilos img{
	margin-left: 10px;
	float: left;
}

.directorio img{
   border: 1px solid #000;
}

.suplementos_estilos {
	float: left;
	margin-left: 20px;
	width: calc(35% - 20px);
}

.directorio {
	float: right;
	margin: 0 10px;
	width: calc(17% - 20px);
}


.revistas h3 {    font-family: arial;
    font-weight: bold;
    color: #183458;
    font-size: 23px;
    margin-bottom: 7px;}
.revistas h2, .patrocinadores h2 {font-size: 23px;
font-weight: bold;
margin-bottom: 0.5em;
color: #183458;
padding: 10px;
font-family: arial;
background-color: #E8E8E8;}

/*Patrocinadores*/

.patrocinadores {
  clear: both;
  margin: 0px 20px 45px;
}
  

body {
   overflow-x: hidden;
}

/*Quienes somos, imagen banner*/

.quienessomos1 {

float:left;
width: calc(65% - 40px);
margin: 20px;}


.quienessomos1 h3 {background-color: #ececec; padding: 7px; font-family: arial; font-weight: bold; color: #183458; font-size: 27px; margin-top: 11px; }
.quienessomos1 p {color: #373737; font-family: arial; text-align: justify; font-size: 16px;}



/*Estilos del pie de pagina*/
.footinter {
    margin: 0 auto;
    max-width: 1280px;
}


.elementofooter1 {width: calc(42% - 20px);
float: left; margin-left: 20px;}
.elementofooter2 {width: 23%;
float: left;}
.elementofooter3 {width: 24%;
float: left;}
.elementofooter4 {width: calc(10% - 20px); margin-right: 20px;
float: right; text-align: right;}

.footinter h3 {
    margin-bottom: 22px;
font-family: arial;
font-size: 20px;

}

.footinter p {color: #FFFFFF;
    font-family: arial;
    text-align: justify;
    font-size: 16px;

}

.redes img  { border: 1px solid #FFF; margin-left: 10px;}  /*anadido Mao marginleft*/
.twitter2  { border: 1px solid #FFF;}
.facebook2 { border: 1px solid #FFF; margin: 0 0 0 10px;} 
  
  /*Publicaciones*/
  .wrapper {  
margin: 0px auto;
  width: 100%;} 
  
  .wrapper p {
              font-family: arial;
    font-weight: bold;
    background: #E8E8E8;
    color: #183458;
    padding: 10px;
    font-size: 23px;
margin-bottom: 22px;}
	
	.jcarousel-pagination {
	
		display: none;
		}

.jcarousel-control-prev,
.jcarousel-control-next {

display:none;}

  


footer .col {
 /* Edit: Forgot float */
 float: left;
 width: 20%;
 margin: 0 2.4%;
}


  
.calendario-index{float: right; width: calc(35% - 40px); margin: 20px;}

.calendario h2{
	background: #ff8c31;
	color: #FFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	padding: 15px 0;
}

.calendario{
	overflow: hidden;
	margin-top: 20px;
}

.calendario #flecha{
	width: 34px;
	height: 28px;
	/*background: url("http://dev.swscr.com/cacia/wp-content/themes/cacia/images/flecha.jpg");*/
	display: none;
    float: right;
    margin-right: 40px
}

.calendario #agenda-titulo {
    display: block;
    margin-top: 10px;
    text-align: center;
}
.calendario #agenda-titulo img{
	margin: 0 !important;
}

.calendario .ai1ec-views-dropdown, .calendario .ai1ec-agenda-buttons, .calendario .ai1ec-calendar-view .ai1ec-clearfix, .calendario .ai1ec-calendar-toolbar{
	display: none !important;
}

.calendario .ai1ec-agenda-widget-view .ai1ec-date, .ai1ec-agenda-view .ai1ec-date{
	background: none;
    border: 1px solid #dbdbdb;
    margin: 10px;
	padding: 7px;
}

.calendario .ai1ec-agenda-view .ai1ec-event{
	border: 0 none !important;
    text-align: left;
    padding: 0;
    margin: 0;
}

.calendario .ai1ec-agenda-view .ai1ec-date-events{
	margin: 0;
}

.calendario .ai1ec-agenda-view .ai1ec-event .ai1ec-event-title{
	color: #000;
	line-height: 0;
}

.calendario .ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title{
	margin: 0 0.75em;
	background: none;
	border-color: #ff8c31;
}

.calendario .ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month{
	background: #ff8c31;
}



/*Slider Noticias Index*/

.slidernoticias {
    clear: both;
    margin: 0 auto;
    padding: 20px 20px 10px;
    overflow: hidden;
}


.slidernoticias h2 {
    font-size: 23px;
font-weight: bold;
margin-bottom: 0.5em;
color: #183458;
padding: 10px;
font-family: arial;
background-color: #E8E8E8;
}

.widgettitle {
	margin-bottom: 7%;}


#site-navigation {

        border-bottom: 5px solid #ff8c31;
    max-width: 1280px;
    margin: 0 auto;}

	  

/*body{font-family: NACambria; font-size: 16px; text-align: justify;}*/
body{font-size: 16px; text-align: justify;}

blockquote{background: #f0f0f0 none repeat scroll 0 0; color: #666; margin: 0 0 1em; padding: 1em;}

blockquote p{margin: 0 !important;}

body.home #primary #white-wrapper {

}

body.home #primary #white-wrapper{margin: 0 auto; border-radius: 10px; padding: 2em; max-width: 1000px; background: rgba(255,255,255,0.9); background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 80%, rgba(255,255,255,0.9) 99%, rgba(255,255,255,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(80%,rgba(255,255,255,0.9)), color-stop(99%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0.9))); background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.9) 99%,rgba(255,255,255,0.9) 100%); background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.9) 99%,rgba(255,255,255,0.9) 100%); background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.9) 99%,rgba(255,255,255,0.9) 100%); background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.9) 80%,rgba(255,255,255,0.9) 99%,rgba(255,255,255,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e6ffffff',GradientType=0 );}

body.home #sample-itineraries{
			  	padding: 2em;
			    clear: both;}

h1, h2, h3, h4, h5, h6{font-family: arial; font-weight: normal; margin: 0;}

h1{
	    font-size: 23px;
    font-weight: bold;
    margin-bottom: 0.5em;
    /*text-transform: uppercase;*/
    color: #183458;
    padding: 10px;
    font-family: arial;
    background-color: #E8E8E8;
			}

h2{font-size: 1.5em;}

h3{font-size: 1.125em; font-weight: bold;}

h4{font-size: 1em;}

hr{border: 1px solid #f0f0f0; margin: 2em;}

img{max-width: 100%; height: auto;}

iframe{max-width: 100%;}

p{margin: 0 0 1em;}

input, textarea, textArea, select{max-width: 95%;}


.bx-wrapper .bx-caption{bottom: 7px;}

.entry-title, .widget-title{
        font-size: 23px;
font-weight: bold;
margin-bottom: 0.5em;
color: #183458;
padding: 10px;
font-family: arial;
background-color: #E8E8E8;
}

.sidebar img {
    margin-bottom: 23px;
    /*margin-left: 18px;*/

  }

.cabecera {
    margin: 0px auto;
    padding: 20px 0px 0px 1px;
    width: 100%;
    max-width: 1280px;
}


.seccion1 {

margin: 0px auto;
width: 100%;
background-color: #FFFFFF;
max-width: 1280px;
}



.nav-menu{margin: 0; padding: 0; list-style: none; display: inline-block;  font-family: NACambria;}

.nav-menu > li{display: inline-block; position: relative;}

.nav-menu > li > a{
	display: block;
    padding: 25px 1em;
	padding-bottom: 23px;
    text-transform: uppercase;
    color: #FFFFFF;
      font-family: arial;
	}

.nav-menu > li.current-menu-item > a{
  background-image: none}

.nav-menu > li:hover > a, .nav-menu > li.current-menu-item > a{ background-image: none; background-color: rgba(0, 0, 0, 0);  border-bottom: 5px solid #ff8c31; padding-bottom: 18px;}

.nav-menu > li.current-menu-ancestor > a {border-bottom: 5px solid #ff8c31; padding-bottom: 18px;}

.nav-menu ul{
    background: #DA9F1A;
    margin: 0;
	display: none;
    padding: 0;
    position: absolute;
    min-width: 150px;
    transition: 0.4s all;
    font-family: arial;
    z-index: -999999;
    list-style: none;
	max-width: 100%;
	}

.nav-menu ul li{display: block; position: relative;}

.nav-menu ul li a{display: block; padding: 0.5em 1em; text-align: left; text-transform: uppercase; font-size: 14px;  border-bottom: 1px solid #f0f0f0; color: #FFF;}

.nav-menu ul li a:hover, .nav-menu ul li.current-menu-item a{background: #FFF; color: #515151;}

.nav-menu li:hover > ul{display:block; z-index: 999999;}

.main-navigation{
    z-index: 1000;
	position: relative;
	text-align: center;
}

.nav-menu ul ul{
	left: 100%;
  	top: 0;
}

.main-navigation .menu-main-menu-container{display: inline-block; vertical-align: middle; }

.main-navigation figure{display: inline-block; margin: 0 0.4em 20px; vertical-align: bottom;}

.package-title{text-align: center;}

.size-thumbnail{width: 150px;}

.slicknav_menu{display: none;}

div.wpcf7{max-width: 800px; margin: 0 auto;
font-family: arial;}

.wpcf7-form > div, .wpcf7-form > p{margin-bottom: 1em; padding: 0 0 1em;}

.wpcf7-form > div.wpcf7-response-output{border: none; margin: 1em 0; padding: 1em; background: #4C4C4C !important; color: #FFF !important;}

.wpcf7-form > p.submit{border-bottom: none; margin-bottom: 1em; padding: 0 0 0;}

.wpcf7-form > div > label{display: inline-block; margin-right: 10px; width: 90px; font-weight: bold;}

.wpcf7-form > div > label.no-width{width: auto;}

span.wpcf7-list-item{margin: 0 1.5em 0 0;}

.wpcf7-submit{background: #f7b608; opacity: 0.8; border: none; padding: 1em; color: #FFF; cursor: pointer;}

.wpcf7-submit:hover{opacity: 1;}

footer{
	color: white;
    background-color: #043F63;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
	overflow: hidden;
	padding: 80px 0 50px;
}




#banners-footer{background-color: transparent; text-align: center; font-family: NACambria; font-size: 20px;}

#banners-footer .widget{color: #fff; display: inline-block; padding: 1em; width: 150px; text-align: center;}

#credits{    background-color: transparent;
    padding: 30px 1em;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-family: arial;}

#credits figure{display: inline-block; vertical-align: middle;}

#homepage-slider{position: fixed; z-index: -1;}

#logo{display: inline-block; margin-right: 5em; padding: 12px 0 10px; text-align: center; vertical-align: bottom; width: 150px;}

#post-grid {margin: 1em 0 0 0; overflow: hidden;}

#post-grid a{
  display: block;
  float: left;
    margin: 0 5px 10px;
    overflow: hidden;
    position: relative;
    width: 32%;
    height: 300px;
  border-radius: 0;
  -moz-border-radius: 0; 
-webkit-border-radius: 0;

}

#post-grid img{display: block;}

#post-grid h3{
    -webkit-border-radius: 0;
    background: rgba(29, 23, 17, 0.78) none repeat scroll 0 0;
    color: #fff;
    font-size: 18px;
	line-height: 18px;
    height: 110px;
    /* left: 0; */
    margin: 0;
    padding: 10px;
    position: absolute;
    text-align: center;
    text-transform: capitalize;
    bottom: 0;
    width: 92%;
    transition: 0.4s all;
	display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
}

#post-grid a:hover h3{background-color:#ff8c31;}

#post-grid a span{background: #00B49B; color: #fff; display: block; font-size: 16px; padding: 0.5em; position: absolute; transition: 0.6s all; top: -100%; left: -100%;}

#post-grid a:hover span{top: 20px; left: 20px;}





#related-posts{margin: 0; padding: 0; list-style: none; font-size: 17px;}

#related-posts > li{position: relative; padding: 0.5em;}

#related-posts > li > a{    background: #008E89 none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: block;
    padding: 10px 0;
    width: 100%;
    float: left;
    text-align: center;
    border-bottom: 1px solid #FFFFFF;}
	
#related-posts > li > a:hover, #related-posts > li > a:focus{ 
	    background-color: #554132;
	}
#related-posts > li > a:active { 
	background-color: #006B67;
	}
	
#related-posts ul{

    color: #333;

    list-style: disc;

    margin: 0.5em 0 0 0;

    padding: 0 0 0 30px;

}



#related-posts ul a{

    color: #333;

}


#site-title{text-align: center; padding-bottom: 30px !important;}

#site-title img{width: 300px; height: auto;}

#sample-itineraries{padding: 2em 2em; padding-top: 18px !important; padding-bottom: 80px !important; text-align: center;}

#sample-itineraries h2{
		color: #195044;
	 	font-weight: bold;
		font-size: 2em; 
		padding-bottom: 25px !important;}

#sample-itineraries .post-carrousel{position: relative;}

#sample-itineraries .post-carrousel a{
  color: #FFF; 
  position: absolute; 
  top: 0; 
  left: 0; 
  background: rgba(51,179,155,0.7);
  width: 100%; 
  height: 70%; 
  display: block; 
  font-size: 1.5em; 
  text-transform: uppercase; 
  /*transform: opacity 1s; */
  opacity: 0; 
  font-family: NACambria; 
  padding: 30% 0 0 0;
  transition: all 0.2s ease-in-out;
}

#sample-itineraries .post-carrousel:hover a{opacity: 1;}

#searchform{
	display: block;
    overflow: hidden;
    text-align: left;
    width: 200px;
	position: relative;
}

#searchform .screen-reader-text{
	background: url("http://www.cacia.org/wp-content/uploads/2017/09/lupa-icon.png") center center no-repeat;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 0;
	z-index: 2;
	cursor: pointer;
	border: 0;
	text-indent: -999999px;
	display: block;
}

#searchform #s{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: rgb(255, 255, 255);
    content: "buscar";
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    width: calc(100% - 40px);
	padding-right: 30px;
	padding-left: 7px;
}
	

#searchform #searchsubmit{
	background: url("http://www.cacia.org/wp-content/uploads/2017/09/lupa-icon.png") center center no-repeat;
	position: absolute;
	width: 32px;
	height: 32px;
	right: 0;
	z-index: 2;
	cursor: pointer;
	border: 0;
	text-indent: -999999px;
}



.calendario .ai1ec-agenda-view{
	overflow: auto;
	/*height: 500px; modificacion mauricio*/
}

.calendario-index .ai1ec-agenda-view{
	overflow: auto;
	height: 295px;
}


.gallery-posts{margin-top: 0.5em;}



ul.tabs{margin: 2.5em 0 0 0; padding: 0px; list-style: none;}

ul.tabs li{background: none; display: inline-block; padding: 0.5em 1em; cursor: pointer; transition: 0.3s all; border: 1px solid #f0f0f0; border-bottom: 0;}

ul.tabs li.current, ul.tabs li:hover{background: #009D98; color: #FFF;}

.tabs-container{padding: 1.5em; border: 1px solid #f0f0f0; overflow: hidden;}

.tab-content{display: none;}

.tab-content.current{display: inherit;}



.bx-wrapper img {width: 100%; height:auto; display: block;}

.bx-wrapper br{display: none !important;}



.alignleft {

	    display: inline;
    float: left;
    border: 1px solid #000;
    margin: 0px 62px 0px 11px;

}

.alignright {

	display: inline;

	float: right;

	margin: 5px 0 0 15px;

	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;

}

.aligncenter {

	clear: both;

	display: block;

	margin-top: 12px;

	margin-top: 0.857142857rem;

	margin-bottom: 12px;

	margin-bottom: 0.857142857rem;

}
/*------------------------------BOX-HOME----------------------------------------*/
.box-home h2{
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
}

/*-------------------------------COLUMNAS-----------------------------------*/
.row {
	margin-left: -15px;
	margin-right: -15px;
}
.col-md-3{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;

}
.col-md-3 {
	width: 22%;
	float: left;
}






	/*Estilos - Luis Gutiérrez==============
	=================================

AREAS ESTRATEGICAS*/

#area1, #area2, #area3, #area4, #area5, #area6, #area7, #area8  {
   /* border-radius: 0px 0px 50px; desactivado Mauricio*/
    width: 98%;  /*88% modificado Mauricio*/
    padding: 6%;
}
#area1 {background: #3F53C1;}
#area2 {background: #DE34C7;}
#area3 {background: green;}
#area4 {background: orange;}
#area5 {background:#53138B;}
#area6 {background:#469BCC;}
#area7 {background:red;}
#area8 {background:#C7C728;}

.cajas {
	width: 260px;
     /*height: 290px; modificado Mauricio*/
   /* background-color: #243433;*/
    float: left;  
    margin-left: 50px;
}

.a_estrategicas {
   /* background: #E8E8E8;*/
    width: 1280px;
    height: 638px;
    margin: 0 auto;
}

.a_estrategicas h3 {

	text-align: left;
	color: #fff;
	font-size: 17px;
	font-family: arial;
}

 .a_estrategicas a {
 	text-decoration: none;
 	color: green; }


 .a_estrategicas h2 {	 
    font-size: 23px;
font-weight: bold;
margin-bottom: 0.5em;
color: #183458;
padding: 10px;
font-family: arial;
background-color: #E8E8E8;}

.des1 {

	font-size: 15px;
    color: black;
    text-align: justify;
    font-family: arial;
    padding: 19px;
}

/*Header / Cabecera estilos, Logo, buscador y redes sociales*/
.logo {  width: 27%; margin-left: 60px;}


/*Footer estilos*/

#text-3 {width: 30%;float: left;}
#text-4 {float: left;}
#text-5 { float: left;}
#social_media_widget-4 {float: left; width: 16%;}




.tc-block h4 {
	 font-size: 18px;
font-family: arial;
font-weight: bold;}





/*BOLETIN DE SUSCRIPCION*/

#form1{
	font-weight: bold;
	margin-top: 45px;
  /* float: left; anulado Mauricio*/
}
#form1 .txt{
	margin-bottom: 0;
}

#form1 .your-email input {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    font-family: Arial;
    width: 150px;
    margin: 0;
    color: #000;
    font-size: 14px;
    line-height: 25px;
    font-weight: normal;
	display: inline-block;
	vertical-align: middle;
}
	
#form1 .wpcf7-submit {
    background-color: #FFF;
    border: 1px solid #CCCCCC;
    font-family: Arial;
    font-size: 19px;
    margin-left: 5px;
    font-weight: lighter;
    color: #000;
    padding: 0 5px;
    height: 29px;
    margin: 0 0 0 5px;
	display: inline-block;
	vertical-align: middle;
}
	


	


/* Página Interna */

.internal-pages{
	/* text-align: center; */
}

.internal-pages a{
	color: #183458;
}

.internal-pages .internal-container{
	/* text-align: justify; */
	background: #FFF;
	max-width: 1280px;
	margin: 0 auto;
  font-family: arial;
}

.internal-pages .internal-container .content-pages{
	padding: 1em 0 2em;
}



.internal-pages .content{
  float: left;
width: calc(68% - 35px);
margin: 14px 21px;}


.internal-pages .sidebar{
float: right;
/*width: calc(32% - 40px);*/
width: calc(30% - 23px);
margin: 0 20px;
}

.clear{
	float: none;
	clear: both;
	display: block;
}

.publicaciones{
	margin-top: 2em;
}


.redes, .search{
	    float: right;
    margin-top: 9%;
	margin-right: 60px;
}

.search{
	margin-right: 7px;
}



.touchcarousel{
	margin-left: 0 !important;
}

.touchcarousel.tc-layout-1 .touchcarousel-item {
	height: 450px;
    position: relatve;
    width: calc(320px - 60px);
    margin: 0 30px;
	position: relative;
}


.touchcarousel.tc-layout-1 .touchcarousel-item img{
	border: 1px solid #000;
}

.touchcarousel.tc-layout-1 .touchcarousel-item .tc-desc h4 a{
	color: #000;
	font-weight: bold;
}

.touchcarousel.tc-layout-1 .touchcarousel-item .tc-desc h4{margin-top: 7px; margin-bottom: 13px;}

.touchcarousel.tc-layout-1 .touchcarousel-item .tc-meta{position: absolute; bottom: 10px;}

.touchcarousel.tc-layout-1 .touchcarousel-item .tc-meta .read-more:before{
	content: "Leer Más";
	background: url("http://www.cacia.org/wp-content/uploads/2017/07/leer-mas.gif") center left no-repeat;
	height: 18px;
	line-height: 25px;
	margin-right: 10px;
	display: inline-block;
	padding-left: 25px;
	color: #5b5b5b;
  font-size: 0.8rem !important;
}

.touchcarousel.tc-layout-1 .touchcarousel-item .tc-meta .date{
	background: url("http://www.cacia.org/wp-content/uploads/2017/07/calendario.gif") center left no-repeat;
	height: 18px;
	line-height: 25px;
	margin-right: 10px;
	display: inline-block;
	padding-left: 25px;
	color: #5b5b5b;
    font-size: 0.8rem !important;
  
}

/*------------------------------------------------------------------
--------INICIA EL DISEÑO RESPONSIVO------------------------
------------------------------------------------------------------*/


@media screen and (max-width: 1920px) {

body {     background-image: url("http://congreso.cacia.org/wp-content/uploads/2016/08/fondo-web.jpg");
     /*background-attachment: fixed;*/
    background-position: center top;
    background-repeat: no-repeat;
background-size: 100% auto;
    margin: 0 auto;
  }
  
}

@media screen and (max-width: 1270px) {
	.revista_alimentaria, .suplementos_estilos, .directorio{
		float: none;
		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;
		overflow: hidden;
		text-align: center;
	}
	
	.revista_alimentaria img, .suplementos_estilos img, .directorio img{
		float: none;
		max-width: calc(100% - 8px);
		margin: 4px;
		display: inline-block;
	}
	
	
}

.search-result{
	padding: 10px;
}
.search-result img{float: left; margin-right: 20px; margin-bottom: 10px;}

@-ms-viewport {
  width: device-width;
}

@media screen and (max-width: 1200px) {
	
	.internal-pages .content, .internal-pages .content, .internal-pages .sidebar{
		float: none;
		margin-left: 20px;
		margin-right: 20px;
		width: auto;
		
	}
	
	.internal-pages .sidebar{
		clear: both;
		overflow: hidden;
	}

	
	
	footer{
		padding: 30px 20px 60px;
	}
	
.elementofooter1, .elementofooter2, .elementofooter3, .elementofooter4{
	clear: both;
    float: none;
    margin-bottom: 20px;
    margin-left: 0;
	margin-right: 0;
    width: 100%;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}

.elementofooter4{
	text-align: left;
}

.elementofooter1 iframe{
	max-width: 100%;
}

.elementofooter3 .bk{
	float: none;
}


.elementofooter4{
	border-bottom: 0;
}


}

    

@media screen and (max-width: 1000px) {
	.bloques {
    max-width: calc(33.333333% - 40px);
}

	     table, td, tr, tbody,thead{display: block; width: auto; overflow: hidden;}
		.alignright, .alignleft{float: left;}
		.internal-pages table td{width: auto; padding: 0;}

}




@media screen and (max-width: 800px) {
	
.slidernoticias, .areas_estrategicas, .revistas{
    max-width: calc(100% - 40px);
}

    #banners-footer .widget{width: 96%; padding: 10px 2%;}

	#post-grid{
		overflow: inherit;
	}
	
    #post-grid a{width: 48%;}
  
.quienessomos1 {
    float: none;
    margin: 0;
    width: calc(100% - 40px);
    padding: 20px;
}
  
.calendario-index {
    width: calc(100% - 40px);
    margin: 20px;
}
 
  /*Areas estrategicas*/
  .cajas {
    width: 260px;
    float: left;
    margin-left: 95px;
	
}
  
  .a_estrategicas {
    height: 1228px;
    margin: 0 auto;
}



.footinter {
    height: 653px;
    margin: 0px auto;
}


@media screen and (max-width: 768px) {
.bloques {
    max-width: calc(50% - 40px);
}

    #menu-main-menu{display: none;}
  
  
.cabecera {
    padding: 20px;
    width: 100%;
    overflow: hidden;
    max-width: calc(100% - 40px);
	text-align: center;
}
  
  
  .redes, .search {
    float: none;
    margin-right: 0;
    margin-top: 20px;
	text-align: center;
}

#searchform{display: inline-block;}
  
  .logo {
    display: block;
    margin: 0 auto;
    width: 369px;
}
  

}


@media screen and (max-width: 700px) {

    #post-grid a{float: none; margin: 0 auto 1em; width: 350px; max-width: 100%;}

}



@media screen and (max-width: 700px) {

    body.home #primary #white-wrapper{margin: 2em 1em 0;}

}


@media screen and (max-width: 480px) {
	
	
.touchcarousel.tc-layout-1 .touchcarousel-item {
    width: calc(250px - 40px);
    margin: 0 20px;
}
	
.bloques {
    max-width: calc(100% - 40px);
	float: none;
}
}





@media screen and (max-width: 450px) {

    #homepage-slider{display: none;}

    body.home #primary #white-wrapper{margin: 0; padding: 0 1.5em 1.5em 1.5em;}

     body.home #sample-itineraries h2{color: #333;}

  /*  img{margin-left: 0 !important; margin-right: 0 !important; display: inline-block; float: none;}*/

    .size-thumbnail{width: auto;}

}

@media screen and (max-width: 414px) {

.footinter {
    height: 973px;
    margin: 0px auto;
    width: 414px;
}
}



@media screen and (max-width: 360px) {
.footinter {
    height: 990px;
    margin: 0px auto;
    width: 360px;
}
}


@media screen and (max-width: 320px) {
		  
.quienessomos1 img { margin: 0px; width: 100%;}
	
.quienessomos1 h1 { font-size: 20px;}
	  
.quienessomos1 p { font-size: 16px;}

.quienessomos1 { height: 467px;}

.calendario-index {
    width: calc(100% - 40px);
    margin: 20px;
}

.cajas { width: 253px; float: left; margin-left: 25px;}

.a_estrategicas { width: 97%; background: #FFF; height: 1971px;}
}