/*
	ZeroFour 2.5 by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		min-width: 1200px;
	}

	body.left-sidebar
	{
	}

		body.left-sidebar #sidebar
		{
			margin-right: 1.5em;
		}

	body.right-sidebar
	{
	}

		body.right-sidebar #sidebar
		{
			margin-left: 1.5em;
		}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar h2
	{
		font-size: 1.5em;
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		padding: 0 0 0 0;
		height: 15em;
	}

		body.homepage #header-wrapper
		{
			height: 53em;
		}
	
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
	}

		#main-wrapper .main-wrapper-style1,
		#main-wrapper .main-wrapper-style2,
		#main-wrapper .main-wrapper-style3
		{
			padding: 1.5em 0 1em 0;
		}
	
	#footer-wrapper
	{
		padding: 1.5em 0 1em 0;
	}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		border-radius: 10px;
		background: rgba(255,255,255,0.10);
		padding: 0.75em;
	}

		#header .inner
		{
			position: relative;
			height: 5.5em;
			background-image: -moz-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
			background-image: -webkit-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
			background-image: -o-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
			background-image: -ms-linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
			background-image: linear-gradient(top, rgba(59,59,59,0.9), rgba(38,38,38,0.9));
			border-radius: 8px;
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 2px 1px 0px rgba(255,255,255,0.2);
			text-shadow: -1px -1px 0 rgba(0,0,0,1);
		}
	
		#header h1
		{
			position: absolute;
			left: 1.75em;
			top: 50%;
			margin-top: -0.65em;
			font-size: 1.5em;
			color: #fff;
		}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: absolute;
		right: 2em;
		top: 0;
		line-height: 5.5em;
	}
	
		#nav > ul > li
		{
			float: left;
			padding: 0 0.8em 0 0.8em;
		}
		
			#nav > ul > li > a,
			#nav > ul > li > span
			{
				color: #fff;
				text-decoration: none;
				text-transform: none;
				font-weight: 600;
				font-size: 0.95em;
				letter-spacing: 0.075em;
				padding: 0.5em 0.8em 0.5em 0.8em;
				border-radius: 6px;
				outline: 0;
			}

				#nav > ul > li.active > a,
				#nav > ul > li.current_page_item > a,
				#nav > ul > li.active > span,
				#nav > ul > li.current_page_item > span
				{
					background: rgba(0,0,0,0.15);
					box-shadow: inset 1px 1px 0px 0px rgba(0,0,0,0.025), 1px 1px 0px 0px rgba(255,255,255,0.025);
				}

			#nav > ul > li:last-child
			{
				padding-right: 0;
			}

		#nav > ul > li > ul
		{
			display: none;
		}

	.dropotron
	{
		position: relative;
		background-image: -moz-linear-gradient(top, rgba(38,38,38,0.95), rgba(59,59,59,0.95));
		background-image: -webkit-linear-gradient(top, rgba(38,38,38,0.95), rgba(59,59,59,0.95));
		background-image: -o-linear-gradient(top, rgba(38,38,38,0.95), rgba(59,59,59,0.95));
		background-image: -ms-linear-gradient(top, rgba(38,38,38,0.95), rgba(59,59,59,0.95));
		background-image: linear-gradient(top, rgba(38,38,38,0.95), rgba(59,59,59,0.95));
		border-radius: 8px;
		box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), inset 0px 2px 1px 0px rgba(255,255,255,0.2), 0px 4px 4px 0px rgba(0,0,0,0.5);
		text-shadow: -1px -1px 0 rgba(0,0,0,1);
		padding: 1.5em;
		line-height: 2.5em;
		min-width: 15em;
	}

		.dropotron.level-0
		{
			border-top-left-radius: 0;
			border-top-right-radius: 0;
			margin-top: -2px;
			box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.5), inset 0px 0px 0px 2px rgba(255,255,255,0.075), 0px 4px 4px 0px rgba(0,0,0,0.5);
		}
		
		.dropotron a,
		.dropotron span
		{
			color: #aaa;
			text-decoration: none;
			text-transform: uppercase;
			font-weight: 800;
			font-size: 0.8em;
			letter-spacing: 0.075em;
			outline: 0;
		}
		
		.dropotron li:hover > a,
		.dropotron li:hover > span
		{
			color: #fff;
		}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		width: 940px;
		margin: 0 auto;
		padding: 5em 0 0 0;
		overflow: hidden;
	}
	
		#banner h2
		{
		}
		
		#banner p
		{
			float: left;
			text-align: right;
			width: 60%;
			line-height: 1.5em;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
	}

/*********************************************************************************/
/* Main                                                                          */
/*********************************************************************************/

	#main
	{
	}
	
ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;
font:bold 16px Helvetica, Verdana, Arial, sans-serif;line-height:165%;
width:200px;}

ul.vert-one li{margin:0;padding:0;border-top:1px solid #4D0000;
border-bottom:1px solid #761A1A;}

ul.vert-one li a{display:block;text-decoration:none;color:#fff;
background:#600;padding:0 0 0 20px;width:180px;}

ul.vert-one li a:hover{
background:#900 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

ul.vert-one li a.current,ul.vert-one li a.current:hover{
background:#933 url("images/vert-one_arrow.gif") no-repeat 0 9px;}

#menubaner{width:20%; float: left; display:block; background-color:rgba( 51, 51, 51, 0.9); height:438px;}
	
@media all and (min-width: 1296px) {
	.mainslider { width:80%; float: right; display: block;}
	#cabeza {margin-top: 0;}
	#header-wrapper{ height:auto;}
	#header-arti{
	padding: 2em 0 0 0;
	height: auto !important;
	background: url('../images/banner.jpg') top center;
background-size: 100%;
	}
	
	
	#cssmenu {
   list-style: none;
  margin: 10px 0px 0px 0px;
  padding: 0;
  width: 100%;
}
#cssmenu li {
  font: 75% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu a {
   border-bottom: 1px solid #393939;
  border-top: 1px solid #393939;
  color: #fff;
  display: block;
  margin: 0;
  padding: 10px 12px;
  text-decoration: none;
  font-weight: normal;
}
#cssmenu a:hover {
  background: #1d7b0d url(../images/hover.gif) left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
}
#cssmenu2 {
	display:none; 
  width: 0%;
}
#cssmenu2 li {
  font: 0% ;
 
}
#cssmenu2 a {
   display: none;
    font-weight: 0;
   font: 0% ;
}
.logo2 { 2.75em !important;}

.lemalog {margin-top:1.5em; margin-left:21.3%; float:left; width:9%; display:block;}
#nom { float:left; display:block; width:49%; margin:3em auto 0 auto; color:#FFF; font-size: 1.5em; 
 } #nom p {text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);  font-weight: bolder}
 #nom2 { float:left; display:block; width:49%; margin:3em auto 0 auto; color:#FFF; font-size: 1.5em; 
 } #nom2 p {text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);  font-weight: bolder}
.logo { width:161px;}
#lema{margin-bottom: -30px;
margin-top: 15px;}
.lemaltr { font-family:'Merienda One', cursive; font-size: 1.5em !important; color:#474747;}
.lemaltr  strong { color:#B90004; font-size: 1.02em}
.sectit { margin-top:-40px}
	}
@media all and (min-width: 500px) and (max-width: 1295px) {
	
	#vidchua { display:none;}
	
	#main-wrapper .main-wrapper-style1,
		#main-wrapper .main-wrapper-style2,
		#main-wrapper .main-wrapper-style3
		{ padding: 2em 0 1em 0 !important;}
#nav > ul > li > a,
			#nav > ul > li > span
			{ text-transform: uppercase;			
				font-size: 0.7em;			
			}
			
			.dropotron a,
		.dropotron span
		{
			font-weight: 600;
			font-size: 0.7em;
			
		}
	.mainslider { width:100%; display:block;}
	#sliderout { padding-left:0 !important;}
	#menubaner{width:20%; display: block; background-color:rgba( 51, 51, 51, 0.9); height:452px; float:right; z-index:999; position: relative; right:0px; }
	#cssmenu {
    list-style: none;
  margin: 0px;
  padding: 0;
  width: 100%;
}
#cssmenu li {
  font: 72% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu a {
   border-bottom: 1px solid #393939;
  border-top: 1px solid #393939;
  color: #fff;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: normal;
}
#cssmenu a:hover {
  background: #1d7b0d url("../images/hover.gif") left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
}
	
	
#cssmenu2 {
	display:none; 
  width: 0%;
}
#cssmenu2 li {
  font: 0% ;
 
}
#cssmenu2 a {
   display: none;
    font-weight: 0;
   font: 0% ;
   
}
.logo2 { 2.75em !important;}

.lemalog {margin-top:-10px; margin-left:11.5%; float:left; width:9%; display:block;}
#nom { float:left; display:block; width:73%; margin:0 auto ; color:#FFF; font-size: 1em; 
 } #nom p {text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);  font-weight: bolder; margin-top:20px !important}
 #nom2 { float:left; display:block; width:73%; margin:0 auto ; color:#FFF; font-size: 1em; 
 } #nom2 p {text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);  font-weight: bolder}
.logo { width:120px; margin-top:30px;}
#header-wrapper {height: 656PX !important;
    OVERFLOW: hidden;}

#header-arti{
	padding: 2em 0 0 0;
	height: auto !important;
	background: url('../images/banner.jpg') top center;
background-size: 100%;
	}
#lema{margin-bottom: -30px;
margin-top: -10px;}
.lemaltr { font-family:'Merienda One', cursive; font-size: 1.5em !important; color:#474747; margin-top: 20px !important;}
.lemaltr  strong { color:#B90004; font-size: 1.02em}
.sectit { margin-top:-30px}
.box-feature1 header.second .byline {
margin: 0 10% 0 0;
white-space:normal; 
}
}

@media all and (min-width: 0px) and (max-width: 499px) {
		#main-wrapper .main-wrapper-style1,
		#main-wrapper .main-wrapper-style2,
		#main-wrapper .main-wrapper-style3
		{ padding: 1em 0 0em 0 !important;}
	
#menubaner{width:0%; display: none; background-color:#333; height:0px; float:right; z-index:-1; position: relative; right:0px; }
	#cssmenu {
  background: #333;
  list-style: none;
  margin: 0px;
  padding: 0;
  width: 0%;
}
#cssmenu li {
  font: 0% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu a {
  background: #333;
  border-bottom: 1px solid #393939;
  border-top: 1px solid #393939;
  color: #fff;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: none;
  font-weight: 0;
   font: 0% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
#cssmenu a:hover {
  background: #2580a2 url("../images/hover.gif") left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
}


#cssmenu2 {
  background: #333;
  list-style: none;
  margin: 0px;
  padding: 0;
  width: 100%;
}
#cssmenu2 li {
  font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu2 a {
  background: #333;
  border-bottom: 1px solid #393939;
  border-top: 1px solid #393939;
  color: #fff;
  display: block;
  margin: 0;
  padding: 8px 12px;
  text-decoration: blink;
  text-shadow:none;
  font-weight: lighter;
   font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}
#cssmenu2 a:hover {
  background: #1d7b0d url("../images/hover.gif") left center no-repeat;
  color: #fff;
  padding-bottom: 8px;
}
.logo2 { 2.75em !important;}

.lemalog {margin-top:1.5em; margin-left:30%; float:none; width:9%; display:block;}
#nom { float:none; display:block; width:80%; margin:3em auto 0 auto; color:#FFF; font-size: 1.5em; 
 } #nom p {text-shadow: 2px 2px 10px rgba(0, 0, 0, 1);  font-weight: bolder; margin-top:-3em;}
.logo { width:161px;}
#lema{margin-bottom: -30px;
margin-top: 15px;}
.lemaltr { font-family:'Merienda One', cursive; font-size: 1.5em !important; color:#474747;}
.lemaltr  strong { color:#B90004; font-size: 1.02em}
.sectit { margin-top:-40px !important;}
.imgmin { width:100% !important;}
#header-arti {
background-size: cover;
padding-top: 44px;
background: url('../images/banner.jpg') top center;
}
#nom2 { display:none;}
		
}