/*
 * CSS ESTANDAR PARA PROYECTOS WEB
 * BRANDING EMOCION - JESUS LINAN
 */
*{
    font-size:1.03em;
}
body {
    background-color: #cecece;
}
.bg_white{
    background-color:#fff;
}

/* MENU SUPERIOR */
.bg-claret-header {
    background-size: initial!important;
    border-bottom:2px solid #284c97;
}

.menu_main > ul > li {
    vertical-align: middle;
    width: 11.1%;
    padding: 0;
}
.menu_main > ul > li > a {
    display: table-cell;
    color: #fff;
    height: 109px;
    vertical-align: middle;
    width: 12.5%;
    text-align: center;
    font-size: .9em;
    padding:0 15px;
}
.menu_main > ul > li:hover {
    background-color: #2a4a8d;
}
.menu_main > ul > li a:hover {
    background-color: #2a4a8d;
    color: #fff;
}
.menu_main > ul > li ul {
    display: none;
}

/* MENU SECUNDARY */
.menu_main > ul > li > a:hover + ul,
.menu_main > ul > li > a + ul:hover  {
    display:block;
}
.menu_main > ul > li > a + ul {
    background-color:#2a4a8d;
    position:absolute;
    z-index:1;
}
.menu_main > ul > li > a + ul li {
	display:block;
	padding:0;
	position:relative;
}
.menu_main > ul > li > a + ul li a{
	display:block;
	color:#fff;
	padding:10px 20px;
	text-align:center;
	font-size: .9em;
}
.menu_main > ul > li > a + ul li a:hover{
	background-color:#f00480;
}

/* 3ER NIVEL */
.menu_main > ul > li > a + ul li a + ul {
    background-color:#2a4a8d;
    position:absolute;
    z-index:1;
    left: 100%;
    top: 0;
}
.menu_main > ul > li > a + ul li a + ul li a{
    display:block;
    font-size:.85em;
    min-width: 250px;
}
.menu_main > ul > li > a + ul li a:hover + ul,
.menu_main > ul > li > a + ul li a + ul:hover{
    display:block;
}

/* HEADER */
.wrap_header {
    border-bottom: 8px solid #0093d7;
}
a.logo {
    float: left;
    margin: 10px;
}

a.logo img {
    max-width: 650px;
}

/* MENU RIGHT TOP*/
.top-menu-options{
	float:right;
}
.top-menu-options li{
	float:left;
	list-style-type:none;
	position:relative;
	border-right:1px solid #E4E4E4;
}
.top-menu-options li:last-child{
	border-right:0;
}
.top-menu-options li a{
	min-width:90px;
	text-align:center;
	height:124px;
	display:table-cell;
	vertical-align: middle;
	text-indent:-9999px;
}

.top-menu-options li a:hover + .top-menu-box,
.top-menu-box:hover	{
	display:block;
}
.top-menu-options li:hover > #icon-ph{
	background:url('/../rb-media/gallery/icon-phone-white.png') no-repeat #0093d7 center center;
}
.top-menu-options li:hover > #icon-ma{
	background:url('/../rb-media/gallery/icon-mail-white.png') no-repeat #0093d7 center center;
}
.top-menu-options li:hover > #icon-fb{
	background:url('/../rb-media/gallery/icon-fb-white.png') no-repeat #0093d7 center center;
}
.top-menu-options li:hover > #icon-dinero{
	background:url('/../rb-media/gallery/icon-dinero-white.png') no-repeat #0093d7 center center;
}
/* ICONS MENUS SECUNDARY */
#icon-ph{
	background:url('/../rb-media/gallery/icon-phone2.png') no-repeat center center;
}
#icon-ma{
	background:url('/../rb-media/gallery/icon-mail2.png') no-repeat center center;
}
#icon-fb{
	background:url('/../rb-media/gallery/icon-fb.png') no-repeat center center;
}
#icon-dinero{
	background:url('/../rb-media/gallery/icon-dinero2.png') no-repeat center center;
}
/* BOX -SUB MENU*/
.top-menu-box{
    min-width: 200px;
    /*height: 300px;*/
    position: absolute;
    z-index: 1;
    background-color: #fff;
    left:calc(15px - 100px);
    border-radius:15px;
    display: none;
    background-color:#0093d7;
    padding:10px 15px;
    font-style:italic;
    text-align:center;
    font-size: .8em;
}
.top-menu-box p{
	color:#fff;
	padding:5px 0;
}
.top-menu-box a{
	color:#fff;
	text-indent:0!important;
	display:initial!important;
}
.top-menu-box form input[type="text"],
.top-menu-box form textarea{
	width:100%;
	padding:5px 3px;
	font-size:.9em;
	margin:3px 0;
	border:0px;
}
.top-menu-box form{
	text-align:left;
}
.top-menu-box form .submit{
	color:#fff;
	padding:5px 15px;
	background-color:#f0047f;
	font-size:.9em;
	border-radius: 4px;
	border:0;
}

/* SLIDE */
.slide_main{
    height:650px;
}

/* GALERIA1  */
.galeria1 a {
    border: 10px solid #fff;
    display: block;
    margin-bottom: 15px;
}
.galeria1 .rb-img {
    height: 240px;
}

/* CONTENIDOS */
.claret_content {
    margin: 0 auto;
    display: block;
    float: none;
    text-align: justify;
}
.claret_content h1,
.claret_content h2,
.claret_content h3,
.claret_content h4,
.claret_content h5,
.claret_content h6{
	padding:8px 0;
	color: #3C6BA8;
}
.claret_content li{
	line-height: 32px;
    padding: 3px 0;
    margin-left:20px;
	list-style-image: url('/../rb-media/gallery/bullet-2.png');
	padding-bottom: 10px;
}

/* LISTA VIDEOS */
.videos li{
	list-style-type:none;
	padding:15px 5px!important;
	float:left;
	width:50%;
	margin-left:0!important;
	list-style-image: none;
}
.videos li iframe{
	max-width:100%!important;
	min-height:250px!important;
	height:auto!important;
}

/* FORMULARIO ADMISION */
.frm_admision {
    max-width: 400px;
    margin: 0 auto;
    font-size: .9em;
}

.frm_admision label {
    padding: 5px 0;
}
#bloque_info{
    display:none;
}
.consentimiento p {
    line-height: 30px;
}

/* MENSAJES */
.msg_error {
    background-color: #ff7070;
    padding: 10px;
    color: #fff;
    border: 1px solid red;
}
.msg_valid {
    background-color: #54bd54;
    padding: 10px;
    color: #fff;
    border: 1px solid green;
}

/* BLOG */
.wrap-posts-list {
    background-color: #fff;
    padding: 50px 30px;
}
.wrap-posts-list article img {
    max-width: 650px!important;
    height: auto!important;
    width: 100%;
}
.post-desc h2 a {
    font-size:1.1em;
}
.post-info.clear {
    display: none;
}
ul.post-categories {
    float: left;
    margin: 0;
}
.post-desc h2{
    white-space:initial!important;
}
.post-date {
    float: right;
    font-size: .9em;
}

.post-content {
    margin-top: 15px;
    border:0;
    font-size: .85em;
}

.point:before {
    content: "\f111";
    color: #00cc99;
    font-size: .45em;
    font-family: Awesome;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
}

.point {
    position: relative;
    padding-left: 10px!important;
}
a.post-more:before {
    content: "\f055";
    border-radius: 50%;
    width: 23px;
    height: 23px;
    display: inline-block;
    font-family: 'Awesome';
    font-size: 1.2em;
}

a.post-more {
    text-transform: uppercase;
    font-size: .7em;
}
.post {
    border: 1px solid #aaf5ff;
}
.post-desc{
    border:0!important;
    padding:40px 20px 20px!important;
}
.float-menu-admision{ position: absolute;
    right: 0;}
@media (max-width: 700px) {
.float-menu-admision{ position: relative;
    }
}
