/*
	Theme Name: Cassarola Mia
	Theme URI: http://cassarolamia.com
	Description: Cassarola Mia WordPress Theme
	Version: 1.4.3
	Author: Rodolfo Díaz 
	Author URI: http://arquigrafo.com
	Tags: HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/***********************************/
/*********** CONTENIDOS ************/
/***********************************/

/*
1) HEADER / FOOTER / SECTIONS
2) MENU
3) SLIDER
4) COLUMNS / MARGINS 
5) TITLES
6) TAGS
7) BUTTONS
8) LISTS
9) FORMS
10) BACKGROUNDS
11) STANDARD
12) MEDIA
*/

/*********************************/
/* 1) HEADER / FOOTER / SECTIONS */
/*********************************/

* {
margin: 0;
}

.wrap {
	width:1200px;
	margin:0px auto; 
	position: relative; 
	z-index: 2;
}

header {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #8b1b3f;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 900;
    overflow: inherit;
    float: none;
    margin: 0 auto;
    padding: 0px 0;
    box-shadow: 0px 3px 4px -2px rgba(0,0,0,.8);
}

header #logo_area {
    text-align: center;
    margin: 0 0.84% -55px;
    float: left;
    transition: all 0.3s;
    /* width: 23.319%; */
    background: #8b1b3f;
    border-radius: 50%;
    padding: 15px;
    box-shadow: 0px 3px 4px -2px rgba(0,0,0,.6);
}

header #logo_area img {
    width: 100%;
    display: block;
    height: auto;
    max-width: 109px;
    transition: all 0.3s;
}

header #logo_area.home {
    text-align: center;
    margin: 0 0.84% -130px;
    float: left;
    transition: all 0.3s;
    background: #8b1b3f;
    border-radius: 0 0 50% 50%;
    padding: 15px;
    box-shadow: 0px 7px 5px -6px rgba(0,0,0,.6);
}

header #logo_area.home img {
    width: 100%;
    display: block;
    height: auto;
    max-width: 180px;
    transition: all 0.3s;
}

header #main_nav {
	transition: all 0.3s;
    width: 73.317%;
    float: right;
    margin-left: 0.84%;
    margin-right: 0.84%;
    text-align: right;
}

header #main_nav .search_area {
    display: none;
}

header.smaller #logo_area {
    text-align: center;
    margin: 0 0.84% -45px;
    float: left;
    transition: all 0.3s;
    /* width: 23.319%; */
    background: #8b1b3f;
    border-radius: 50%;
    padding: 10px;
    box-shadow: 0px 3px 4px -2px rgba(0,0,0,.6);
}

header.smaller #logo_area img {
    transition: all 0.3s;
    max-width: 70px;
}

header.smaller a.redes {
    padding: 6px 3px 0;
    width: 26px;
    height: 26px;
}

.banner { 
    display: inline-block;
    margin: 67px auto 0px;
    width: 100%;
    padding: 200px 0;
    background-image: url(img/banner_bg.jpg);
    height: auto;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center;
    color: #fff;
}

.gray_bg {
	display:inline-block;
    margin: 0px auto;
    width: 100%;
    padding: 30px 0;
    color: #4a4a4a;
	background:#e6e7e8;
}

.gray_bg.inner {
    margin: 67px auto 0px;
    padding: 90px 0 30px;
}

#insta_area {
	display:inline-block;
    margin: 0px auto;
    width: 100%;
    padding: 35px 5%;
    color: #a7a9ac;
	background:#fff;
	font-size:22px;
	line-height:26px;
	text-align:center;
}

#insta_area a{
	font-weight:600;
    color: #eea904;
	cursor:pointer;
}

footer {
	width: 100%;
    height: auto;
    color: #58595b;
    margin: 0px auto;
    padding: 30px 0;
    background: #fff;
	font-weight:400;
	font-size:16px;
}

footer a, footer p{
    margin-top: 50px;
    color: #58595b;
    display: block;
}

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

/*********************************/
/* 2) MENU */
/*********************************/

header nav {
    width: 100%;
    text-align: right;
    margin: 0px auto;
    transition: all 0.3s;
}

header div.search_box {
    display: none;
}

header.smaller nav {
    margin: 0px auto 0;
    transition: all 0.3s;
}

header nav ul {
	/*overflow:hidden;*/
	list-style:none;
    text-align: right;
    padding: 0;
    margin: 0;
}

header nav ul li {
    display: inline-block;
	position:relative;
    margin: 0;
}

header nav ul li a {
    color: #edaa00;
    font-size: 16px;
    line-height: 16px;
    padding: 38px 20px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block;
    transition: all 0.3s;
}

header.smaller nav ul li a {
    padding: 20px 20px;
}

header nav ul li a:hover{
    transition: all .3s ease-in-out;
    color: #edaa00;
	background:#5e102d;
    text-decoration: none;
}

header nav ul li.current-menu-item a {
    transition: all .3s ease-in-out;
    color: #edaa00;
    background: #5e102d;
    text-decoration: none;
}

header a.redes {
    font-size: 14px;
    line-height: 14px;
    background: #bab221;
    margin: 0px 0px 0px 10px;
    padding: 8px 3px 0;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.tagcloud a {
    font-size: 16px !important;
    line-height: 16px;
    color: #58595b;
    margin: 0px 0 5px;
    font-weight: 600;
    display: inline-block;
    width: 100%;
}

footer a.redes {
    font-size: 16px;
    line-height: 16px;
    background: #fff;
    margin: 0px 15px 0px 0px;
    padding: 7px 3px 0;
    text-align: center;
    border-radius: 50%;
    color: #3f5364;
    display: inline-block;
    width: 30px;
    height: 30px;
}

/*********************************/
/* 3) SLIDER */
/*********************************/


/************************/
/* 4) COLUMNAS Y FIJOS */
/************************/

.desktop_only {display:inline-block;}
.desktop_tablet_only {display:block;}
.tablet_only {display:none;}
.tablet_mobile_only {display:none;}
.mobile_only {display:none;}

.margin_top {margin-top:20px !important;}
.margin_bottom { margin-bottom:20px !important;}
.margin_bottom_ten { margin-bottom:10px !important;}

.third_to_third_full {width:33%; float:left;}

a.anchor {display: block;position: relative;top: -150px;visibility: hidden;}

/* SEVERAL - FULL - FULL */
.one_col_to_full_to_full {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_full_to_full {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_full_to_full {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_full_to_full {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_full_to_full {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_full_to_full {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_full_to_full {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_full_to_full {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_full_to_full {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_full_to_full {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_full_to_full {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_full_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

/* SEVERAL - FULL - HALF */
.one_col_to_full_to_half {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_full_to_half {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_full_to_half {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_full_to_half {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_full_to_half {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_full_to_half {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_full_to_half {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_full_to_half {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_full_to_half {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_full_to_half {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_full_to_half {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_full_to_half {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

/* SEVERAL - HALF - FULL */
.one_col_to_half_to_full {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_half_to_full {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_half_to_full {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_half_to_full {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_half_to_full {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_half_to_full {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_half_to_full {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_half_to_full {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_half_to_full {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_half_to_full {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_half_to_full {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_half_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

/* SEVERAL - HALF - HALF */
.one_col_to_half_to_half {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_half_to_half {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_half_to_half {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_half_to_half {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_half_to_half {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_half_to_half {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_half_to_half {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_half_to_half {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_half_to_half {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_half_to_half {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_half_to_half {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_half_to_half {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

/* SEVERAL - THIRD - FULL */
.one_col_to_third_to_full {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_third_to_full {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_third_to_full {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_third_to_full {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_third_to_full {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_third_to_full {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_third_to_full {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_third_to_full {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_third_to_full {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_third_to_full {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_third_to_full {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_third_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

/* SEVERAL - THIRD - HALF */
.one_col_to_third_to_half {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_third_to_half {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_third_to_half {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_third_to_half {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_third_to_half {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_third_to_half {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_third_to_half {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_third_to_half {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_third_to_half {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_third_to_half {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_third_to_half {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_third_to_half {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

/* SEVERAL - TWOTHIRDS - FULL */
.one_col_to_twothirds_to_full {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_twothirds_to_full {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_twothirds_to_full {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_twothirds_to_full {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_twothirds_to_full {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_twothirds_to_full {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_twothirds_to_full {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_twothirds_to_full {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_twothirds_to_full {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_twothirds_to_full {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_twothirds_to_full {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_twothirds_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

/* SEVERAL - TWOTHIRDS - HALF */
.one_col_to_twothirds_to_half {width:6.653%; float:left; margin-left:0.84%; margin-right:0.84%;}
.two_col_to_twothirds_to_half {width:14.986%; float:left; margin-left:0.84%; margin-right:0.84%;}
.three_col_to_twothirds_to_half {width:23.319%; float:left; margin-left:0.84%; margin-right:0.84%;}
.four_col_to_twothirds_to_half {width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
.five_col_to_twothirds_to_half {width:39.985%; float:left; margin-left:0.84%; margin-right:0.84%;}
.six_col_to_twothirds_to_half {width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
.seven_col_to_twothirds_to_half {width:56.651%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eight_col_to_twothirds_to_half {width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}
.nine_col_to_twothirds_to_half {width:73.317%; float:left; margin-left:0.84%; margin-right:0.84%;}
.ten_col_to_twothirds_to_half {width:81.65%; float:left; margin-left:0.84%; margin-right:0.84%;}
.eleven_col_twothirds_to_half {width:89.983%; float:left; margin-left:0.84%; margin-right:0.84%;}
.full_size_twothirds_to_half {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

.align_center { text-align: center; }
.align_left { text-align: left; }
.align_right { text-align: right; }
.align_justify { text-align: justify; }

.align_left_to_center { text-align: left; }
.align_right_to_center{ text-align: right; }
.align_center_to_left { text-align: center; }

.padding_to_none { padding: 2%;}
.padding_left_to_none { padding-left: 2%;}
.padding_right_to_none { padding-right: 2%;}
.xl_padding_right_to_none { padding-right: 6%;}
/************************/
/* 5) TITLES */
/************************/

h1 {
    font-size: 22px;
    line-height: 22px;
    color: #0b5c5d;
	font-weight:600;
	display:inline-block;
	width:100%;
    margin: 0 auto 20px;
}

h1.yellow {
    color: #fff;
	background:#eea904;
    text-align:center;
    padding:15px 30px;
}

h1.green {
    color: #fff;
	background:#0b5c5d;
    text-align:center;
    padding:15px 30px;
}

h1.pink {
    color: #fff;
	background:#8b1b3f;
    text-align:center;
    padding:15px 30px;
}

h2, .cell .title {
    font-size: 22px;
    line-height: 22px;
    margin: 25px;
    font-weight: 600;
}

h3 {
    font-size: 32px;
    line-height: 32px;
    color: #3f5364;
    margin: 0px 0 30px;
    display: inline-block;
}

.sidebar-widget h3 {
    font-size: 22px;
    line-height: 22px;
    margin: 0 0 10px;
    color: #333333;
    display: none;
}

h4 {
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0px;
    margin: 0px 0 10px;
    font-weight: 600;
    text-transform: uppercase;
}

/************************/
/* 6) TAGS */
/************************/

.sfsi_widget.sfsi_shortcode_container {
    float: none !important;
}

.normal {
    font-size: 14px;
    line-height: 22px;
}

.banner .text_01 {
	font-weight:600;
    font-size: 55px;
    line-height: 55px;
    margin: 0 auto 20px;
    max-width: 700px;
    text-shadow: 0px 1px 8px rgba(99, 22, 47, 0.9);
}

.banner .text_02 {
	font-weight:400;
    font-size: 22px;
    line-height: 22px;
    margin: 0 auto;
    max-width: 700px;
    text-shadow: 0px 1px 8px rgba(99, 22, 47, 0.9);
}

.intro_text {
    margin: 0 0 30px;
    font-size: 18px;
    font-weight: 500;
    background: #fff;
    padding: 20px;
}

.col_01 {
    float: left;
    width: 72%;
    margin: 0 3% 0 0;
}

.col_02 {
    transition: all .3s ease-in-out;
    float: left;
    width: 25%;
    margin: 0;
}

.white_box {
	display:inline-block;
    width: 100% !important;
    max-width: 300px;
    background: #fff;
    padding: 30px 20px;
    box-shadow: 0px 3px 4px -2px rgba(0,0,0,.6);
	color:#8c1d40;
	font-weight:600;
    text-align: center;
    margin: 0 0 100px;
}

.white_box_02 {
	display:inline-block;
    width: 100%;
    background: #fff;
    padding: 40px;
    color: #4a4a4a;
}

.sidebar-widget {
    text-align: left;
    margin: 0 0 15px;
}

.instagram {
	width:100%;
	border:0;
	overflow:hidden;
	border-bottom: solid 15px #e6e7e8;
}

.grid {
    display: grid;
	position:relative;
}

.grid.two_col {
    grid-template-columns: 49% 49%;
    grid-gap: 2% 2%;
    padding: 0px;
    margin: 0 0 36px;
    font-size: 18px;
    line-height: 28px;
	color:#231f20;
}

.grid.two_col .cell {
	background:#fff;
    margin: 0 0;
	padding:0 0 25px;
    position: relative;
}

.cell h2 a, .cell a .title {
    color:#231f20;
}

a.view-article {
    display: none;
}

.grid.two_col .cell .thumbnail{
	display:inline-block;
    margin: 0px auto 0px;
    width: 100%;
    padding: 100px 0;
	background:url(img/guayaba_bg.jpg) center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

.grid.one_col {
    grid-template-columns: 50% 50%;
    grid-gap: 2% 0%;
    padding: 0px;
    margin: 0 0 38px;
    font-size: 18px;
    line-height: 28px;
	color:#231f20;
}

.grid.one_col .cell {
	background:#fff;
    margin: 0 0;
	padding:0 0 25px;
    position: relative;
}

.grid.one_col .cell.thumbnail{
	background:url(img/guayaba_bg.jpg) center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

.cell.thumbnail a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.cell .title {
    /*margin: 15px 5% -15px;
    padding: 0 0 15px;
    display: inline-block;
    float: left;
    width: 90%;*/
}

.cell a .title{
    margin: 0px 5% -5px;
    padding: 10px 0 0;
    font-weight: 600;
    text-align: center;
    color: #4a4a4a;
    text-decoration: none;
    float: left;
    width: 90%;
}

.cell .title a:hover{
	text-decoration:underline;
}

.grid .cell .description {
	font-size:16px;
	line-height:22px;
	font-weight:400;
    margin: 25px;
}

.cell.productos {
    padding: 50px;
    background: #b9b220;
    color: #fff;
}

.cell.servicios {
    padding: 50px;
    background: #91bfea;
    color: #3f5364;
}

.cell.ventajas {
    padding: 50px;
    background: #eeeeee;
    color: #3f5364;
    font-size: 18px;
    line-height: 18px;
    text-transform: none;
    font-family: 'Tinos', serif;
}

.cell img {
    width: 100%;
    height: auto;
    display: block;
}

.grid.sobre {
    grid-template-columns: 50% 50%;
    grid-gap: 0% 0%;
    padding: 0px;
    margin: 100px 0 0;
    font-size: 18px;
    line-height: 28px;
	border-top:solid 1px #91bfea;
}

.grid.sobre .cell {
    position: relative;
	border-bottom:solid 1px #91bfea;
}

.grid.sobre .cell:nth-child(odd) {
    padding: 85px 85px 85px 0;
	border-right:solid 1px #91bfea;
}
.grid.sobre .cell:nth-child(even) {
    padding: 85px 0 85px 85px;
}

.grid.productos {
    grid-template-columns: 33% 33% 33%;
    grid-gap: 0% 0%;
    padding: 0px;
    margin: 0px 0 50px;
	border-top:solid 1px #91bfea;
	border-bottom:solid 1px #91bfea;
}

.grid.productos .cell {
	padding:20px;
    position: relative;
	text-align:left;
}

.grid.productos .cell:nth-child(even) {
	border-right:solid 1px #91bfea;
	border-left:solid 1px #91bfea;
}

.grid.productos .cell img{
	width:100%;
	height:auto;
	margin:0 0 50px;
}

iframe.insta {
    width: 100%;
    display: inline-block;
    margin: 0 auto;
    border: none;
}

.redes {
    padding: 6px 0 5px;
    margin: 0 5px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 30px;
}

.redes.yellow {
	background:#eea904;
	color:#fff;
}

img.acerca_01 {
    width: 100%;
    height: auto;
    max-width: 339px;
    margin: 0 -47px 0 0;
}

img.acerca_02 {
    width: 100%;
    height: auto;
    max-width: 339px;
    margin: 0 0 0 -47px;
}

/*Post detail*/

.detalle_date, .detalle_share {
    font-size: 14px;
    line-height: 14px;
    color: #808285;
    margin: -10px 0 0;
}

h1.detalle_title {
    color: #8c1d40;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 auto 10px;
}

.detalle_author {
    color: #727375;
    font-size: 16px;
    line-height: 16px;
    margin: 0 auto 20px;
}

.detalle_description {
    font-size: 18px;
    line-height: 22px;
    color: #727375;
    margin: 20px 5%;
}

.detalle_nivel {
    color: #ecaa20;
    font-size: 16px;
    line-height: 16px;
    margin: 10px auto 10px;
}

.detalle_preparacion {
    color: #58595b;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 5px 0%;
    display: inline-block;
    width: 100%;
    padding: 0px;
}

.detalle_porciones {
    color: #58595b;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
    margin: 5px 0%;
    display: inline-block;
    width: 100%;
    padding: 0px;
}

.detalle_thumbnail {
    width: 100%;
    display: inline-block;
    height: 440px;
    margin: 10px 0 20px;
}

.detalle_texto {
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    color: #58595b;
    margin: 30px 0 0;
}

.detalle_texto a{
    color: #8c1d40;
}

.detalle_texto h3 {
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 18px;
    color: #035d5d;
    margin: 0px 0 15px;
}

.embed-container iframe {
    width: 100%;
    max-width: 640px;
    margin: 30px 0 0;
}

.pdf_bg {
    background-image: url(http://cassarolamia.com/recetassencillas/wp-content/themes/cassarola-mia/img/watermark.png);
    background-size: 80% auto;
    background-position: center center;
    background-repeat: no-repeat;
}

.pagination {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 100px 0 0;
}

.pagination a, .pagination span {
    margin: 0 1px;
    border: solid 0.5px #0b5c5d;
    font-weight: 600;
    padding: 0px 6px 2px;
    font-size: 14px;
    line-height: 14px;
    color: #0b5c5d;
}

.pagination span.page-numbers.current {
    background: #0b5c5d;
    color: #fff;
}

.comments {
    display: inline-block;
    width: 100%;
    border-top: solid 1px #eaeaea;
    margin: 20px 0 0;
    padding: 30px 0 0;
    text-align: left;
}

h3#reply-title {
    font-size: 22px;
    line-height: 22px;
    margin: 25px 0 10px;
    color: #8b1b3f;
}

p.logged-in-as {
    display: inline-block;
    width: 30%;
    text-align: left;
    margin: 0 0 20px;
    color: #a7a7a7;
    font-size: 14px;
    line-height: 14px;
}

.logged-in-as a {
    color: #a7a7a7;
}

.logged-in-as a:nth-child(2) {
    background: #a7a7a7;
    padding: 3px 6px 4px;
    font-size: 13px;
    line-height: 13px;
    margin: 10px 0px;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    width: 140px;
    display: inline-block;
}

p.comment-form-comment {
    display: inline-block;
    width: 70%;
    text-align: left;
}

p.comment-form-comment label {
    color: #797979;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    width: 100%;
    margin: 0px 0 10px;
}

p.comment-form-comment textarea#comment{
    width: 100%;
    display: inline-block;
    background: #eaeaea;
    border: none;
    margin: 0;
    color: #464646;
    padding: 10px;
}

.form-submit {
    text-align: right;
}

p.form-submit input#submit {
    border: none;
    background: #eea904;
    padding: 10px 15px;
    margin: 10px 0 0;
    border-radius: 4px;
    font-weight: 600;
    color: #fff;
}

p.form-submit input#submit:hover {
    background: #ab7903;
}

.sfsi_widget {
    display: inline-block;
    margin: 0 0 -28px 5px;
}

.comments h2 {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 20px;
    /* font-weight: 600; */
}

.comments ul {
    padding: 0px;
    margin: 0 0 10px;
    list-style: none;
    float: left;
    width: 100%;
    /* background: #e0e0e0; */
}

.comments ul.children {
    margin: 15px 5% 0;
    padding: 0 0px;
    float: left;
    width: 90%;
}

.comments ul li {
    margin: 0 0 5px;
    padding: 0 0 5px;
    float: left;
    width: 100%;
    /*border-bottom: solid 1px #adadad;
    border-top: solid 1px #adadad;*/
}

.comments .comment-author.vcard {
    float: left;
    width: 10%;
    font-size: 12px;
    line-height: 12px;
    margin: 0 2% 0 0;
}

.comments img.avatar {
    width: 80%;
    height: auto;
    margin: 0 0% 5px 0;
    border-radius: 50%;
}

.comments .comment-author.vcard a.url {
    color: #4a4a4a;
}

.comment-meta.commentmetadata, .comments .comment-body p, .comments .reply {
    float: left;
    width: 88%;
    background: #f1f1f1;
    padding: 5px 15px;
}

.comment-meta.commentmetadata {
    border-radius: 0 20px 0 0;
    padding: 15px 15px 0;
}

.comments .reply {
    border-radius: 0 0 20px 20px;
    padding: 0 15px 15px;
}

.comment-meta.commentmetadata a {
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 5px;
    display: inline-block;
    color: #035d5d;
}

.comments .reply a{
    font-size: 14px;
    line-height: 14px;
    margin: 0 0 15px
    display: inline-block;
    color: #8b1b3f;
    font-weight: 600;
    text-decoration: underline;
}

.comments ul .comment-respond {
    display: inline-block;
    width: 100%;
    background: rgba(0,0,0,.05);
    padding: 15px;
    margin: 10px 0 0;
}

a#cancel-comment-reply-link {
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 0 5px;
    text-decoration: underline;
    color: #eea904;
}

.curso_fecha {
    margin: 25px 25px 0px;
    color: #eea904;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

h2.curso {
    margin: 5px 25px 15px;
    color: #0b5c5d;
}

.curso_desc {
    margin: 0px 25px 10px;
    font-size: 14px;
    line-height: 18px;
}

.curso_lugar {
    margin: 15px 25px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.curso_horario {
    margin: 8px 25px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.curso_incluye {
    margin: 8px 25px 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
}

.curso_cupo {
    margin: 10px 25px 15px;
    font-size: 13px;
    line-height: 13px;
    color: #adadad;
}
/************************/
/* 7) BUTTONS */
/************************/

.btn.yellow {
    display: inline-block;
    width: 100%;
    margin: 0px;
	text-align:right;
}

.btn.yellow a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    padding: 10px 25px;
    margin: 0px 25px 0;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background: #eea904;
    border: none;
}

.btn.yellow a:hover{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #c78c04;
    color: #fff;
    text-decoration: none;
}

.btn.green {
    display: inline-block;
    width: 100%;
    margin: 0px;
	text-align:right;
}

.btn.green a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    padding: 10px 25px;
    margin: 0px 25px 0;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background: #0b5c5d;
    border: none;
}

.btn.green a:hover{
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #063536;
    color: #fff;
    text-decoration: none;
}

.btn.pink {
    display: inline-block;
    width: 100%;
    margin: 0px;
    text-align:right;
}

.btn.pink a{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    padding: 10px 25px;
    margin: 0px 25px 0;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    background: #8b1b3f;
    border: none;
}

.btn.pink a:hover{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #420d1e;
    color: #fff;
    text-decoration: none;
}

a.dkpdf-button {
    background: #eea904;
    padding: 10px 20px;
    color: #fff;
    border-radius: 10px;
    font-weight: bold;
}

/************************/
/* 8) LISTS */
/************************/

ul.bullet {
	margin:0;
	padding: 0;
    list-style: none;
}

ul.bullet li {
	margin:0px 0 10px 0px;
}

ul.bullet li:before {
    content: '';
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #4a4a4a;
    margin: 0px 10px 4px 0;
    border-radius: 50%;
}

.detalle_texto ul{
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    padding: 0 0 0 20px;
    margin: 0 0 20px 0;
    list-style-type: disc;
}

.detalle_texto ul li{
    padding: 0 20px 10px 0;
}

/***********************/
/* 9) FORMS */
/***********************/

form {
    margin: 0;
}

.form {
    width: 100%;
    margin: 0px 0 0px;
    font-size: 14px;
    line-height: 14px;
    padding: 10px 15px;
    outline: none;
    border-radius: 0;
    border: solid 1px #939598;
    background-color: rgba(255,255,255,.0);
    color: #939598;
    border-radius: 8px;
}

input.search-input {
    display: inline-block;
    width: 100%;
    margin: 0px 0 0px;
    font-size: 12px;
    line-height: 12px;
    padding: 10px 5%;
    outline: none;
    border: solid 1px #939598;
    background-color: rgba(255,255,255,.0);
    color: #939598;
    border-radius: 8px;
    box-sizing: border-box;
}

.antispam {
	display:none !important;
}

input.btn_form, button.btn_form {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    padding: 10px 15px;
    margin: 0px 0 35px;
    color: #333333;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    background: #939598;
    border: none;
    width: 100%;
    border-radius: 0 0 8px 8px;
    cursor: pointer;
}

input.btn_form:hover, button.btn_form:hover {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #878217;
    color: #fff;
    text-decoration: none;
}

button.search-submit {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    padding: 10px 5%;
    margin: 0px 0 20px;
    color: #fff;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    background: #939598;
    border: none;
    width: 100%;
    border-radius: 0 0 8px 8px;
    cursor: pointer;
}

.form::-webkit-input-placeholder {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
    color: #939598;
    font-size: 14px;
    line-height: 14px;
	text-align:center;
}

.form:-moz-placeholder { /* Firefox 18- */
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
    color: #939598;
    font-size: 14px;
    line-height: 14px;
	text-align:center;
}

.form::-moz-placeholder {  /* Firefox 19+ */
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
    color: #939598;
    font-size: 14px;
    line-height: 14px;
	text-align:center;
}

.form:-ms-input-placeholder {
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
    color: #939598;
    font-size: 14px;
    line-height: 14px;
	text-align:center;
}

/***********************/
/* 10) BACKGROUNDS */
/***********************/

.productos_bg {
	background:url(img/home_productos.jpg) center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}
.servicios_bg {
	background:url(img/home_servicios.jpg) center center;
    background-repeat:no-repeat;
    background-size:cover;
    -webkit-background-size: cover;
    -moz-background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg',sizingMethod='scale');
    -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='http://rlv.zcache.com/foo_bar_white_tshirt-p235877025284960249a9t5r_325.jpg', sizingMethod='scale')";
}

/***********************/
/* 11) STANDARD */
/***********************/
html {
	margin:0;
	padding:0;
}

body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
    word-wrap: break-word;
}

* { 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

img.responsive {
	width:100%;
	height:auto;
}

p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

A:link  
{
   	text-decoration: none;
}

A:visited   
{
	text-decoration: none;
}

A:active    
{
	text-decoration: none;
}

A:hover 
{
	text-decoration: underline;
}

table {
	width: 100%;
	border-spacing: 0px;
}

th, td {
	width: 33.33%;
	text-align:center;
	padding: 15px 10px;
	background: none;
	color: #4a4a4a;
	background-color: #fff;
}

.table-headers {
	font-weight: 600;
	color: #fff;
	background: #1ebdcc ; /* Old browsers */
	background: -moz-linear-gradient(left,  #1ebdcc  0%, #40bea7  100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #1ebdcc  0%,#40bea7  100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #1ebdcc  0%,#40bea7  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ebdcc ', endColorstr='#40bea7 ',GradientType=1 ); /* IE6-9 */
	padding: 10px 0;
}

/* --- Selection Color --- */
::-moz-selection { 
	background: #000;
	color: white; 
	text-shadow: none; 
}

::selection { 
	background: #000;
	color: white; 
	text-shadow: none; 
}

/*MODAL*/

button#myBtn {
    border: none;
    background: none;
    cursor: pointer;
    text-decoration: none;
    padding: 0;
    transition: all 0.3s;
    margin-top: 50px;
    color: #58595b;
    display: block;
}

button#myBtn:hover {
    text-decoration:underline;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    padding: 40px;
    font-size: 13px;
    line-height: 18px;
    color: #4a4a4a;
    border: 0px solid #888;
    width: 70%;
    height: 85%;
    border-radius: 0px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: auto;
}

.modal-content a {
    color: #ac9766;
}

/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    right: 20px;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

/***********************/
/* 12) MEDIA */
/***********************/

/* UNDER-WRAP */
@media screen and (max-width:1245px) {
	.wrap {width:90%; margin:0px 5%; float:left;}

}

/* TABLET */
@media all and (max-width:800px) {
	/* 1) HEADER / FOOTER / SECTIONS */
	header {
		overflow: inherit;
		padding: 0px 0;
	}
	
	header #logo_area {
		width: auto;
        padding: 15px;
	}

	header #logo_area img {
		max-width: 75px;
        transition: all 0.3s;
	}

    header #logo_area.home img {
        max-width: 130px;
        transition: all 0.3s;
    }

	header #main_nav {
        /* width: 63.317%; */
        margin-top: 20px;
        margin-bottom: 14px;
	}
	
	header .tel_area {
		font-size: 26px;
		line-height: 26px;
    	margin: 0 0 10px;
	}

	header.smaller {
		padding: 0px 0;
	}
	
	header.smaller #logo_area img {
		transition: all 0.3s;
		max-width: 60px;
	}
    
    header.smaller #logo_area.home img {
        transition: all 0.3s;
        max-width: 84px;
    }

    header.smaller #main_nav {
        margin-top: 15px;
        margin-bottom: 9px;
    }

	#title_area {
		margin: 135px auto 0px;
		padding: 0 0 0;
	}
	
    #insta_area {
        padding: 25px 5%;
        font-size: 20px;
        line-height: 24px;
    }
		
	.banner {
		margin: 70px auto 0px;
		padding: 160px 0;
	}

    .gray_bg {
        padding: 25px 0;
    }

    .gray_bg.inner {
        margin: 65px auto 0px;
        padding: 70px 0 25px;
    }
		
	footer {
		padding: 25px 0;
	}

	/*2) MENU*/
	
	header nav {
		z-index: -1;
		width: 65%;
        height: 100%;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		right: -100%;
		top: 0;
		padding: 75px 20px 10px;
		position: fixed;
        background: #e7e7e8;
		margin: 0px;
		box-shadow: 0px 5px 9px 1px rgba(0,0,0, .1);
	}
	
	header.smaller nav {
		top: 0;
		padding: 65px 20px 0;
		transition: all 0.3s;
		margin: 0;
	}
	
	header nav ul li {
		display: block;
		float: none;
		width: 100%;
		margin: 0px;
		text-align:center;
	}
	
	
	header nav ul li a {
		font-size: 20px;
		line-height: 20px;
		width: 100%;
		text-align: center;
		border-bottom: none;
		margin: 0;
		padding: 20px 0;
        color: #8b1b3f;
	}
	
	header a.redes {
		font-size: 14px;
		line-height: 14px;
		margin: 0 0 0 8px;
		padding: 8px 3px 0;
		width: 30px;
		height: 30px;
	}
	
	header nav ul li a:hover {
		text-decoration: none;
		border: none;
		padding: 20px 0;
		margin: 0;
        background: #eea904;
        color: #8b1b3f;
	}
	
	header.smaller nav ul li a, header.smaller nav ul li a:hover {
		padding: 15px 0;
		transition: all 0.3s;
	}

	/*3) SLIDER*/

	
	/*4) COLUMNS / MARGINS*/

	a.anchor {top: -130px;}
	
	.desktop_only {display:none;}
	.desktop_tablet_only {display:;}
	.tablet_only {display:block;}
	.tablet_mobile_only {display:block;}
	.mobile_only {display:none;}
	
	/* SEVERAL - FULL - FULL */
	.one_col_to_full_to_full, .two_col_to_full_to_full, .three_col_to_full_to_full, .four_col_to_full_to_full, .five_col_to_full_to_full, .six_col_to_full_to_full, .seven_col_to_full_to_full, .eight_col_to_full_to_full, .nine_col_to_full_to_full, .ten_col_to_full_to_full, .eleven_col_full_to_full, .full_size_full_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}
	
	/* SEVERAL - FULL - HALF */
	.one_col_to_full_to_half, .two_col_to_full_to_half, .three_col_to_full_to_half, .four_col_to_full_to_half, .five_col_to_full_to_half, .six_col_to_full_to_half, .seven_col_to_full_to_half, .eight_col_to_full_to_half, .nine_col_to_full_to_half, .ten_col_to_full_to_half, .eleven_col_full_to_half, .full_size_full_to_half {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - HALF - FULL */
	.one_col_to_half_to_full, .two_col_to_half_to_full, .three_col_to_half_to_full, .four_col_to_half_to_full, .five_col_to_half_to_full, .six_col_to_half_to_full, .seven_col_to_half_to_full, .eight_col_to_half_to_full, .nine_col_to_half_to_full, .ten_col_to_half_to_full, .eleven_col_half_to_full, .full_size_half_to_full {margin:0px auto; width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - HALF - HALF */
	.one_col_to_half_to_half, .two_col_to_half_to_half, .three_col_to_half_to_half, .four_col_to_half_to_half, .five_col_to_half_to_half, .six_col_to_half_to_half, .seven_col_to_half_to_half, .eight_col_to_half_to_half, .nine_col_to_half_to_half, .ten_col_to_half_to_half, .eleven_col_half_to_half, .full_size_half_to_half {margin:0px auto; width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - THIRD - FULL */
	.one_col_to_third_to_full, .two_col_to_third_to_full, .three_col_to_third_to_full, .four_col_to_third_to_full, .five_col_to_third_to_full, .six_col_to_third_to_full, .seven_col_to_third_to_full, .eight_col_to_third_to_full, .nine_col_to_third_to_full, .ten_col_to_third_to_full, .eleven_col_third_to_full, .full_size_third_to_full {margin:0px auto; width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - THIRD - HALF */
	.one_col_to_third_to_half, .two_col_to_third_to_half, .three_col_to_third_to_half, .four_col_to_third_to_half, .five_col_to_third_to_half, .six_col_to_third_to_half, .seven_col_to_third_to_half, .eight_col_to_third_to_half, .nine_col_to_third_to_half, .ten_col_to_third_to_half, .eleven_col_third_to_half, .full_size_third_to_half {margin:0px auto; width:31.652%; float:left; margin-left:0.84%; margin-right:0.84%;}
	
	/* SEVERAL - TWOTHIRDS - FULL */
	.one_col_to_twothirds_to_full, .two_col_to_twothirds_to_full, .three_col_to_twothirds_to_full, .four_col_to_twothirds_to_full, .five_col_to_twothirds_to_full, .six_col_to_twothirds_to_full, .seven_col_to_twothirds_to_full, .eight_col_to_twothirds_to_full, .nine_col_to_twothirds_to_full, .ten_col_to_twothirds_to_full, .eleven_col_twothirds_to_full, .full_size_twothirds_to_full {margin:0px auto; width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - TWOTHIRDS - HALF */
	.one_col_to_twothirds_to_half, .two_col_to_twothirds_to_half, .three_col_to_twothirds_to_half, .four_col_to_twothirds_to_half, .five_col_to_twothirds_to_half, .six_col_to_twothirds_to_half, .seven_col_to_twothirds_to_half, .eight_col_to_twothirds_to_half, .nine_col_to_twothirds_to_half, .ten_col_to_twothirds_to_half, .eleven_col_twothirds_to_half, .full_size_twothirds_to_half {margin:0px auto; width:64.984%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/*5) TITLES*/
	
	h1 {
		font-size: 20px;
		line-height: 20px;
	}
	
	h2, .cell .title {
		font-size: 20px;
		line-height: 20px;
        margin: 20px 20px 15px 20px;
	}
	
	h3 {
		font-size: 28px;
		line-height: 28px;
		margin: 0px 0 20px;
	}
	
	h4 {
		font-size: 15px;
		line-height: 17px;
	}

	/*6) TAGS*/

    .banner .text_01 {
        font-size: 50px;
        line-height: 50px;
        margin: 0 auto 20px;
    }

    .col_01 {
        width: 68%;
        margin: 0 2% 0 0;
    }

    .col_02 {
        width: 30%;
    }

    .white_box {
        max-width: 210px;
        padding: 20px 15px;
        margin: 0 0 50px;
    }

    .grid .cell .description {
        font-size: 14px;
        line-height: 16px;
        margin: 15px 20px;
    }

    .grid.two_col .cell .thumbnail {
        padding: 85px 0;
    }

    .white_box_02 {
        padding: 30px;
    }

    img.acerca_01 {
        margin: 0 -33px 0 0;
    }

    img.acerca_02 {
        margin: 0 0 0 -33px;
    }

    img.acerca_01._m {
        margin: 0 0 20px 0;
    }

    img.acerca_02._m {
        margin: 0 0 20px 0;
    }

    .curso_fecha {
        margin: 20px 20px 0px;
    }

    h2.curso {
        margin: 5px 20px 15px;
    }

    .curso_desc {
        margin: 0px 20px 10px;
        font-size: 14px;
        line-height: 16px;
    }

    .curso_lugar {
        margin: 15px 20px 0;
        font-size: 14px;
        line-height: 14px;
    }

    .curso_horario {
        margin: 8px 20px 0;
        font-size: 14px;
        line-height: 14px;
    }

    .curso_incluye {
        margin: 8px 20px 10px;
        font-size: 14px;
        line-height: 14px;
    }

    .curso_cupo {
        margin: 10px 20px 0px;
    }
	
	.normal {
		font-size: 14px;
		line-height: 18px;
	}
	
	.footer_col_02 {
		padding: 0 0 0 20px;
	}
	
	img.nuestrahistoria {
		margin: -50px 0 0;
	}
	
	.grid.home {
		grid-template-columns: 35% 65%;
		margin: 80px 0 0;
		font-size: 16px;
		line-height: 25px;
	}
	
	.cell.productos, .cell.servicios, .cell.ventajas {
		padding: 30px;
	}
	
	img.ben_icon {
		margin: 20px auto 10px;
	}
	
	img.sobre_img {
		width: 90%;
		margin: -250px 0 0;
	}
	
	.grid.sobre {
		margin: 70px 0 0;
	}
	
	.grid.sobre .cell:nth-child(odd) {
		padding: 55px 55px 55px 0;
	}
	
	.grid.sobre .cell:nth-child(even) {
		padding: 55px 0 55px 55px;
	}
	
	.servicios_box {
		margin: 10px auto;
		padding: 45px 25px;
	}
	
	a.contact_tel {
		font-size: 20px;
	}
		
	iframe.mapa {
		height: 50%;
	}
		
	/*7) BUTTONS*/
	
    .btn.green a {
        padding: 13px 25px;
        margin: 0px 20px 0;
        font-size: 14px;
        line-height: 14px;
    }

	/*8) LISTS*/

	/*9) FORMS*/
	
	form {
		margin: 0px 0 0;
	}
	
	.form {
		padding:20px;
	}
	
	/*10) BACKGROUNDS*/
	
	/*11) STANDARD*/

	img.responsive {
		/*width: 90%;*/
	}
}

/* SMARTPHONE */
@media all and (max-width:420px) {
	.wrap {width:94%; margin:0px 3%; float:left;}
	/* 1) HEADER / FOOTER / SECTIONS */
	header {
		overflow: inherit;
		padding: 0px 0;
	}

	header #logo_area {
    	width: auto;
        padding: 10px;
	}

	header #logo_area img {
		max-width: 55px;
	}

    header #logo_area.home img {
        max-width: 70px;
    }
	
	header #main_nav {
		width: 54.984%;
        margin-top: 17px;
        margin-bottom: 11px;
	}

    header #main_nav .search_area {
        color: #edaa00;
        display: inline-block;
        font-size: 20px;
        line-height: 20px;
        margin: 0px 15px 0px 0;
    }
	
	header.smaller {
		padding: 0px 0;
	}

	header.smaller #logo_area {
	}
	
	header.smaller #logo_area img {
		transition: all 0.3s;
		max-width: 40px;
	}
    
    header.smaller #logo_area.home img {
        transition: all 0.3s;
        max-width: 40px;
    }
	
	header.smaller #main_nav {
        margin-top: 10px;
        margin-bottom: 8px;
	}
	
	.banner {
        margin: 50px auto 0px;
        padding: 110px 0;
        float: left;
	}
	
    #insta_area {
        padding: 20px 5%;
        font-size: 18px;
        line-height: 22px;
        float: left;
    }
	
	.gray_bg {
        padding: 10px 0;
    }

    .gray_bg.inner {
        margin: 50px auto 0px;
        padding: 40px 0 10px;
    }
	
	footer {
		padding: 20px 0;
	}

    footer img {
        max-width: 79px;
        margin: 10px 0;
    }

	/*2) MENU*/
	
	header nav {
        top: 0;
        padding: 55px 20px 0;
	}

    header .search_area .search_box {
        display: inline-block;
        z-index: -1;
        width: 100%;
        max-height: 80%;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        right: -100%;
        top: 55px;
        padding: 40px 20px 10px;
        position: fixed;
        background: #fff;
        margin: 0px;
        box-shadow: 0px 5px 9px 1px rgba(0,0,0, .1)
    }

    header .search_area .fa-search {
        margin: -22px 0px -15px;
        float: left;
    }

    header .search_area .fa-search:hover {
        background: #5e102d;
        padding: 20px 10px;
    }
	
	header.smaller nav {
        top: 0px;
        padding: 45px 20px 20px;
    }

    header.smaller .search_area .search_box {
        top: 40px;
        padding: 30px 20px 10px;
    }

    header.smaller .search_area .fa-search {
        margin: -10px 0px -2px;
    }

    header.smaller .search_area .fa-search:hover {
        background: #5e102d;
        padding: 10px 10px;
        margin: -10px 0px -12px;
    }
	
	header nav ul li a {
		padding: 15px 0;
		transition: all 0.3s;
		font-size: 16px;
		line-height: 16px;
	}
	
	header nav ul li a:hover {
		padding: 15px 0;
	}
	
	footer ul.menu {
		display: none;
	}

	/*3) SLIDER*/
	

	/*4) COLUMNS / MARGINS*/

	a.anchor {top: -70px;}

	.desktop_only {display:none !important;}
	.desktop_tablet_only {display:none !important;}
	.tablet_only {display:none !important;}
	.tablet_mobile_only {display:block;}
	.mobile_only {display:block;}	

	.align_left_to_center { text-align: center; }
	.align_right_to_center{ text-align: center; }
	.align_center_to_left { text-align: left; }

	.padding_left_to_none { padding-left: 0%;}
	
	/* SEVERAL - FULL - FULL */
	.one_col_to_full_to_full, .two_col_to_full_to_full, .three_col_to_full_to_full, .four_col_to_full_to_full, .five_col_to_full_to_full, .six_col_to_full_to_full, .seven_col_to_full_to_full, .eight_col_to_full_to_full, .nine_col_to_full_to_full, .ten_col_to_full_to_full, .eleven_col_full_to_full, .full_size_full_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}
	
	.third_to_third_full {width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - FULL - HALF */
	.one_col_to_full_to_half, .two_col_to_full_to_half, .three_col_to_full_to_half, .four_col_to_full_to_half, .five_col_to_full_to_half, .six_col_to_full_to_half, .seven_col_to_full_to_half, .eight_col_to_full_to_half, .nine_col_to_full_to_half, .ten_col_to_full_to_half, .eleven_col_full_to_half, .full_size_full_to_half {margin:0px auto; width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - HALF - FULL */
	.one_col_to_half_to_full, .two_col_to_half_to_full, .three_col_to_half_to_full, .four_col_to_half_to_full, .five_col_to_half_to_full, .six_col_to_half_to_full, .seven_col_to_half_to_full, .eight_col_to_half_to_full, .nine_col_to_half_to_full, .ten_col_to_half_to_full, .eleven_col_half_to_full, .full_size_half_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - HALF - HALF */
	.one_col_to_half_to_half, .two_col_to_half_to_half, .three_col_to_half_to_half, .four_col_to_half_to_half, .five_col_to_half_to_half, .six_col_to_half_to_half, .seven_col_to_half_to_half, .eight_col_to_half_to_half, .nine_col_to_half_to_half, .ten_col_to_half_to_half, .eleven_col_half_to_half, .full_size_half_to_half {margin:0px auto; width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - THIRD - FULL */
	.one_col_to_third_to_full, .two_col_to_third_to_full, .three_col_to_third_to_full, .four_col_to_third_to_full, .five_col_to_third_to_full, .six_col_to_third_to_full, .seven_col_to_third_to_full, .eight_col_to_third_to_full, .nine_col_to_third_to_full, .ten_col_to_third_to_full, .eleven_col_third_to_full, .full_size_third_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - THIRD - HALF */
	.one_col_to_third_to_half, .two_col_to_third_to_half, .three_col_to_third_to_half, .four_col_to_third_to_half, .five_col_to_third_to_half, .six_col_to_third_to_half, .seven_col_to_third_to_half, .eight_col_to_third_to_half, .nine_col_to_third_to_half, .ten_col_to_third_to_half, .eleven_col_third_to_half, .full_size_third_to_half {margin:0px auto; width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - TWOTHIRDS - FULL */
	.one_col_to_twothirds_to_full, .two_col_to_twothirds_to_full, .three_col_to_twothirds_to_full, .four_col_to_twothirds_to_full, .five_col_to_twothirds_to_full, .six_col_to_twothirds_to_full, .seven_col_to_twothirds_to_full, .eight_col_to_twothirds_to_full, .nine_col_to_twothirds_to_full, .ten_col_to_twothirds_to_full, .eleven_col_twothirds_to_full, .full_size_twothirds_to_full {margin:0px auto; width:98.316%; float:left; margin-left:0.84%; margin-right:0.84%;}

	/* SEVERAL - TWOTHIRDS - HALF */
	.one_col_to_twothirds_to_half, .two_col_to_twothirds_to_half, .three_col_to_twothirds_to_half, .four_col_to_twothirds_to_half, .five_col_to_twothirds_to_half, .six_col_to_twothirds_to_half, .seven_col_to_twothirds_to_half, .eight_col_to_twothirds_to_half, .nine_col_to_twothirds_to_half, .ten_col_to_twothirds_to_half, .eleven_col_twothirds_to_half, .full_size_twothirds_to_half {margin:0px auto; width:48.318%; float:left; margin-left:0.84%; margin-right:0.84%;}
	
	.padding_right_to_none, .xl_padding_right_to_none {
		padding-right: 0%;
	}

	/*5) TITLES*/
	
	h1 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 0 0;
	}	
	
	h2, .cell .title {
        font-size: 20px;
        line-height: 20px;
        margin: 10px 5% 10px;
	}
	
	h3 {
		font-size: 22px;
		line-height: 22px;
		margin: 0px 0 10px;
	}
		
	h4 {
		margin: 0px 0 5px;
	}

	/*6) TAGS*/

    .normal {
        font-size: 16px;
        line-height: 20px;
    }
	
    .banner .text_01 {
        font-size: 32px;
        line-height: 32px;
        margin: 0 auto 15px;
    }

    .banner .text_02 {
        font-size: 17px;
        line-height: 19px;
    }

    .col_01 {
        width: 106.8%;
        margin: 0 -3.4% 0;
    }

    .col_01.single {
        width: 100% !important;
        margin: 0 !important;
    }

    .col_02 {
        width: 100%;
    }

    .white_box {
        max-width: 100%;
        padding: 30px 4%;
        margin: 10px 0 0;
    }

    .grid.two_col, .grid.one_col {
        grid-template-columns: 100%;
        grid-gap: 0% 0%;
        padding: 0px;
        margin: 0 0 10px;
        font-size: 18px;
        line-height: 28px;
    }

    .grid.two_col .cell, .grid.one_col .cell {
        padding: 0 0 20px;
    }

    .grid.two_col .cell .thumbnail {
        padding: 80px 0;
    }

    .grid .cell .description {
        font-size: 14px;
        line-height: 16px;
        margin: 10px 5%;
    }

    .grid.one_col .cell.thumbnail {
        padding: 66px 0;
    }

    footer a, footer p {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #58595b;
        display: block;
    }

    .white_box_02 {
        padding: 30px 4%;
    }

    .detalle_date {
        font-size: 14px;
        line-height: 14px;
        color: #808285;
        margin: 0px 0;
        width: 48%;
        display: inline-block;
    }

    .detalle_nivel {
        font-size: 14px;
        line-height: 14px;
        margin: 0px auto 0px;
        width: 48%;
        display: inline-block;
    }
	
    .detalle_share {
        font-size: 14px;
        line-height: 14px;
        color: #808285;
        margin: 10px 0;
        width: 100%;
        display: inline-block;
    }

    h1.detalle_title {
        font-size: 24px;
        line-height: 24px;
        margin: 10px auto 10px;
    }

    .detalle_author {
        margin: 0 auto 15px;
    }

    .detalle_description {
        font-size: 16px;
        line-height: 20px;
        margin: 15px 0%;
    }

    .detalle_thumbnail {
        width: 111%;
        height: 260px;
        margin: 10px -5.5% 15px;
    }

    .detalle_texto h3 {
        text-align: left;
        font-size: 18px;
        line-height: 18px;
        margin: 0px 0 15px;
    }

    .detalle_texto img {
        width: 100%;
        height: auto;
    }

    .comments {
        margin: 20px 0 0;
        padding: 20px 0 0;
    }

    h3#reply-title {
        margin: 10px 0 15px;
    }

    p.logged-in-as {
        width: 100%;
        margin: 0 0 10px;
    }

    p.comment-form-comment {
        width: 100%;
    }

    .col_01.single .white_box_02 h1 {
        text-align: center;
        margin: 0 0 20px;
    }

	/*7) BUTTONS*/
	
	.btn.yellow a, .btn.green a {
        padding: 10px 20px;
        font-size: 18px;
        line-height: 18px;
	}
	
	input.btn_form, button.btn_form {
		width: 100%;
		padding: 20px 25px;
		margin: 0 0 0px;
	}

	iframe.mapa {
		height: 60%;
	}

    .comments img.avatar {
        width: 15%;
        height: auto;
        margin: 0 5% 5px 0;
        border-radius: 50%;
        float: left;
    }

    cite.fn, span.says {
        width: 80%;
        float: left;
        margin: 6px 0 -3px;
    }

	/*8) LISTS*/

    ul.header_tags {
        padding: 0;
        margin: 0;
        text-align: left;
        list-style: none;
    }

    ul.header_tags li a {
        font-size: 18px !important;
        line-height: 18px;
        color: #58595b;
        margin: 0px 0 5px;
        font-weight: 600;
        display: inline-block;
        width: 100%;
    }

    .detalle_texto ul {
        margin: 0 0 20px;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
    }

    .detalle_texto ul li {
        margin: 0px 0 5px 0px;
        width: 100%;
    }
	
	/*9) FORMS*/
	
	form {
		margin: 0px;
	}
	
	.form {
		padding: 15px;
		margin: 0 0 10px;
	}

	/*10) BACKGROUNDS*/



    /*MODAL*/

    button#myBtn {
        display: inline-block;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    /* The Modal (background) */
    .modal {
        display: none; /* Hidden by default */
        position: fixed; /* Stay in place */
        z-index: 999; /* Sit on top */
        left: 0;
        top: 0;
        width: 100%; /* Full width */
        height: 100%; /* Full height */
        overflow: auto; /* Enable scroll if needed */
        background-color: rgb(0,0,0); /* Fallback color */
        background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
    }

    /* Modal Content/Box */
    .modal-content {
        padding: 30px;
        font-size: 14px;
        line-height: 18px;
        width: 85%;
        height: 80%;
        overflow: auto;
    }

    .modal-content a {
        color: #ac9766;
    }

    /* The Close Button */
    .close {
        font-size: 48px;
    }

}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:10px auto 10px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

.detalle_texto.pdf img{
    display: none !important;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}