﻿
/*------------------------------------------*/
/*	        Eventos
/*------------------------------------------*/
.coneventos {
   
    padding: 0 108px 0 108px;
    width: 100%;
}

.dia
{
color:white;
font-size:18px;
background-color: #893529;
vertical-align:middle;
height:40px;
font-weight: 500;
}

.titeve
{
background-color:white;
padding:10px;
color: #893529;
font-weight: 500;
font-size:13px;
}
.Nmes
{
font-family: 'Montserrat', sans-serif !important;
font-size:32PX;
display:none;
}
.Bmes
{
float:right !important;
border: 1px solid #893529;
padding: 10px; 
background-color: #893529;
color: #ffffff; 
text-decoration: none; text-transform: uppercase;
font-family: 'Montserrat', sans-serif !important;
border-radius: 10px; 
width: 110px;
margin-right:5px;
}
.Bmes1
{
float:right !important;
border: 1px solid #893529;
padding: 10px; 
background-color: #893529;
color: #ffffff; 
text-decoration: none; text-transform: uppercase;
font-family: 'Montserrat', sans-serif !important;
border-radius: 10px; 
width: 110px;
margin-right:80%;
}

.ev
{
width:100%;
}
.tar_evento
{
	border:0;
	cellspacing:0;
	width:180px;
margin: 5px;"
}
.borrar
{
	display:none;
}
.etiq{
width:80%;
}
.cuatro
{
display: inherit;
width: 100%; 
border: 2px solid #893529;
}

.tres
	{
	display:inherit;
	width: 100%; 
border: 2px solid #893529;

}
.dos{
	display:inherit;
	width: 100%; 
	border: 2px solid #893529;

}
/*--------------------------------------------------------principal----------------------------------------------------*/

.Cuadrotit
{
    display: inline-grid;
    width: 80%;
    height: 180px;
    border: 2px solid #893529;
    padding-left: 35px;
    }
    .cuadros
    {
	width: 100%;
}
.cuadrode
{
color: #893529; 
font-size: 24pt;
font-family: 'Montserrat', sans-serif !important;	
}
.cuadroizq
{
vertical-align: middle; 
font-size: 14px;  
text-align: justify;  
color: #000;
font-family: 'Montserrat', sans-serif !important;	
line-height: 1.9;
}

@media (max-width: 1200px) {	
	/*------------------------------------------*/
/*	        Eventos
/*------------------------------------------*/
.cuatro
{
display: none;
width: 100%; 
border: 2px solid #893529;"
}

.tres
	{

	border: 2px solid #893529;
	display:inherit;
}
.dos{
	display:none;
	width: 100%; 
	border: 2px solid #893529;

}


.dia
{
color:white;
font-size:18px;
background-color: #893529;
vertical-align:middle;
height:40px;
font-weight: 500;
width:25%;
}
.etiq{
width:80%;
}

.titeve
{
background-color:white;
padding:10px;
color: #893529;
font-weight: 500;
font-size:13px;
}
.Nmes
{
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg);
font-family: 'Montserrat', sans-serif !important;
font-size:32PX;
}
.Bmes
{
float:right !important;
border: 1px solid #893529;
padding: 10px; 
background-color: #893529;
color: #ffffff; 
text-decoration: none; text-transform: uppercase;
font-family: 'Montserrat', sans-serif !important;
border-radius: 10px; 
width: 99px;
margin-right:5px;

}
.Bmes1
{
float:right !important;
border: 1px solid #893529;
padding: 10px; 
background-color: #893529;
color: #ffffff; 
text-decoration: none; text-transform: uppercase;
font-family: 'Montserrat', sans-serif !important;
border-radius: 10px; 
width: 99px;
margin-right:50%;


}
.cuadrode
{
font-size: 14pt;
font-family: 'Montserrat', sans-serif !important;	

}
.cuadroizq {

    font-size: 9pt;
    }

@media (max-width : 800px) {
.cuadrode
{


font-size: 14pt;
    line-height: 1.5;
}
.cuadroizq {

    font-size: 7pt;
    }

.cuatro
{
display: none;
}

.tres
	{
	display:none;
		
}
.dos{
display:inherit;
	border: 2px solid #893529;

}

    #main-slide .slider-content h2{
		font-size: 28px;
		line-height: normal;
		margin-bottom: 0;
	}
	#main-slide .slider-content h3{
		font-size: 14px;
		margin-top: 5px;
	}
	.slider.btn{
		padding: 0 15px;
		margin-top: 0;
		font-size: 12px;
	}
	#main-slide .carousel-indicators{
		display: none;
	}
	/*--------------------------------------
	.borrar
{
	display:inline;
}--*/

.bor td{display:none;}

       .ev {
           width:100%;
       }
       .ev thead {
           display: none;
       }
       .ev tr:nth-of-type(2n) {
           background-color: inherit;
       }
       .ev tr td:first-child {
           width: 100%;
       }
       .ev tbody td {
           display: block;
           text-align:center;
           width: 100%;
              }
       .ev tbody td:before {
           content: attr(data-th);
           display: block;
           text-align:center;
           width: 100%;
       }
      
      

/*-----------------------------------principal--------------------------------------*/
.Mesevento
{
	display:inline;
}

}


@media (max-width : 480px) {
.cuatro
{
display: none;
width: 100%; 
border: 2px solid #893529;"
}

.tres
	{
	display:none;
	border: 2px solid #893529;
	
}
.dos{
display:inherit;
	border: 2px solid #893529;

}

    .portfolio-4column #portfolio-list li{
    	width: 99%;
    }
    #main-slide .item .slider-content{
		display: none;
	}
    
}

@media screen and (max-width: 767px) {
.cuatro
{
display: none;
width: 100%; 
border: 2px solid #893529;"
}

.tres
	{
	display:none;
	border: 2px solid #893529;
	
}
.dos{
display:inherit;
	border: 2px solid #893529;

}


	.navbar-toggle{
	    display: none;
	  }
	  .navbar-header{
	    position: relative;
	  }
	  .margo-logo-wrapper{
	    position: absolute;
	    top: 0;
	  }
	.navbar-brand{
		position: absolute;
	    top: 0;
	}
	/* #menu is the original menu */
	.js #wpb-mobile-menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}
/* SlickMenu responsive */
@media screen and (min-width: 768px) {

  .slicknav_menu{
    display: none;
  }
}
@media only screen and (max-width: 1100px) and (min-width: 799px)
{
.cuatro	{
display: inherit;
width: 100%; 
border: 2px solid #893529;
}

.tres
	{

	border: 2px solid #893529;
	display:inherit;
}
.dos{
	display:inherit;
	width: 100%; 
	border: 2px solid #893529;

}

}