@import url(http://fonts.googleapis.com/css?family=Raleway);
/*reset*/
* {
	margin: 0;
	padding: 0;
	border: 0;
}
/*stylesLayoutHtml*/
html, body, #aspnetForm {
	width:100%;
	height:100%;
	font-family:Raleway, Arial, Helvetica, sans-serif;
}
body {
	background:#fff;
	color:#000;
	font-size:100%;
}
a:link {
	color:#fff;
	text-decoration:none;
}
a:hover {
	text-decoration:none;
}
a:visited {
	color:#fff;
}
/*stylesLayoutPandaWeb*/
div.header {
	position:relative;
	background:#FFFFFF;
}
div.content {
	background:#FFFFFF;
	padding:2em 0px;
}
div.izq {

}
div.contenido {

}
div.der {
}
/*stylesFixElements*/
img {
	display:block;
}
a img {
	border:none 0px;
}
.fix:after, .nav1:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
}
.centered {
	width:960px;
	margin:0 auto;
	position:relative;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
/*headings*/
h1, h2, h3, h4, h5 {
	font-weight:400;
	font-family: Raleway, sans-serif;
}
h1 {
	display:block;
	width:123px;
	height:150px;
	position:absolute;
	z-index:10;
	text-indent:-9999px;
	background:url(/images/layout/sprite.png);
	margin-left:39px;
}
h1 a {
	display:block;
	width:123px;
	height:150px;
	text-indent:-9999px;	
}
strong {
	font-family: 'Actor', sans-serif;
	font-weight:400;
	color:#000;
}
/*nav*/
.menu {
	
}
.menu a {
	color:#FFF;
	text-decoration: none;
	font-family: 'Actor', sans-serif;
	font-weight:400;
}
.menuLat {
	float:left;
	clear:both;
	padding:1%;
}
.wrappMenu {
	background:#e46c0a;
}
.nav1 {
	width:783px;
	padding-left:177px;
	height:60px;
	margin:0px auto;
}
ul.nav1 > li {
	float:left;
}
ul.nav1 > li:last-child a {
	border:none !important;
	box-shadow:none !important;
	
}
ul.nav1 > li, ul.nav2 > li, ul.nav3 > li {
	list-style: none outside none;
	position: relative;
}
ul.nav2 {
	display: none;
	z-index: 50;
	background:#e46c0a;
}
ul.nav3 {
	display: none;
	top: 0;
	z-index: 100;
}
.expandable a.mn1 {
	padding:0px 22px 0px 9px !important;
	background: url(/images/layout/arrow-menu.png) no-repeat;
	background-position:right; 
}

.expandable a.mn1:hover, .hoverNivelUno {
	background: url(/images/layout/arrow-menu.png) no-repeat #604a7b !important;
	background-position:right !important; 

}
	

a.mn1:hover  {
background:#604a7b;
}
a.mn1.expanded {
	
}
.expandable .handle {
    display: inline-block;
    position: absolute;
    right: 6px;
    top: 17px;
	color:#FFFFFF;
	opacity:.7;
	cursor:pointer;
}
a.mn1 {
	border-right: 1px solid rgba(255,255,255,.4);
    display: block;
    font-size: 1.2em;
    height: 60px;
    line-height: 60px;
    padding: 0 12px;
    white-space: nowrap;
	transition: background 0.15s ease-in-out 0s;
	text-decoration:none;
	color:#fff;
	font-weight:600;
}
ul.nav2, ul.nav3 {
	position:absolute;
	box-shadow:0px 2px 2px 1px rgba(0,0,0,0.1);
}
a.nav3 {
	top:0px;
}
.nav2 .handle {
	top:7px !important;
}
a.mn2 {
	display:block;
	padding:0px 70px 0px 12px;
	height:30px;
	line-height:30px;
	transition: background 0.15s ease-in-out 0s;
	-webkit-transition: background 0.15s ease-in-out 0s;
	white-space:nowrap;
	font-size: 1.2em;
}
a.mn2:hover, a.mn2.expanded {
	background:#604a7b;
}
a.mn3 {
	background-color:#544D4C;
	display:block;
	padding:0px 70px 0px 12px;
	height:30px;
	line-height:30px;
	transition: background 0.15s ease-in-out 0s;
	-webkit-transition: background 0.15s ease-in-out 0s;
	white-space:nowrap;
}
 a.mn3.expanded {
	background:#6B8432;
}
a.mn3:hover {
	background-color:#604A7B;
}
/*header*/
div.headerTop {
	background:url(../images/layout/bg-banner.png) no-repeat 0px 0px #302726;
	background-size:100% 563px;
	height:490px;
	position:relative;
	z-index:99;
}
.search {
	clear:right;
	padding-top:19px;
	margin-right:5px;
}
.footer .shadow {
	top:0px !important;
}
.header .shadow, .footer .shadow {
	display:block;
	width:100%;
	height:13px;
	background:url(../images/layout/shadow.png) no-repeat center top transparent;
	position:absolute;
	bottom:-13px;
	left:0px;
}
.search * {
	float:left;
}
.campoBusqueda {
	display:block;
	height:30px;
	width:217px;
	padding:0px .5em;
	transition: box-shadow 0.15s ease-in-out 0s;
	-webkit-transition: box-shadow 0.15s ease-in-out 0s;
	background-color: rgba(255, 255, 255, .6);
	font-family:Raleway !important;
	color:#261D1B;

}
.campoBusqueda:hover {
	
}
.btnSearch {
	background: #97cd67; /* Old browsers */
	background: -moz-linear-gradient(top,  #97cd67 0%, #389b33 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97cd67), color-stop(100%,#389b33)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #97cd67 0%,#389b33 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #97cd67 0%,#389b33 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #97cd67 0%,#389b33 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #97cd67 0%,#389b33 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97cd67', endColorstr='#389b33',GradientType=0 ); /* IE6-9 */
}
.btnSearch {
	color:#FFFFFF !important;
	width:30px;
	height:28px;
	display:block;
	background:url(/images/layout/sprite.png);
	text-indent:-9999px;
	background-position:0px -174px;
	border:1px solid rgba(255, 255, 255, .6);
}
.btnSearch:hover {

}
.headerTop .centered  p {
	font-weight:800;
	display:block;
	width:312px;
	height:40px;
	margin:16px 0px 0px 177px;
	text-indent:-9999px;
	background:url(/images/layout/sprite.png);
	background-position:-144px 0px;
}
.centered  p span {

}
.headerTop .centered  {
	height:70px;
}
.shadowMenu {
	display:block;
	height:18px;
	width:960px;
	background:url(/images/layout/shadow-menu.png) no-repeat;
	background-size:100% 18px;
	margin:0px auto;
	position:relative;
	z-index:5;
}
/*footer*/
.footer {
	background:url(/images/layout/shadow-footer.png) no-repeat #EFF2F5;
	background-size:100% 18px;
	height:240px;
	padding-top:60px;
}
.footerCol {
	float:left;
	width:283px;
}
.footerCol h3 {
	color:#4A4E54;
	font-size:20px;
	font-weight:500;
	margin-bottom:10px;
}
.footerCol ul {
	border-left:4px solid #604a7b;
}
.footerCol li {
	list-style: none;
	padding-left:8px;
	color:#858A92;
	font-size:14px;
	line-height:20px;
}
.footerCol a, .footerDown a {
	color:#858A92;
}
.footerCol a:hover, .footerDown a:hover {
	color:#e46c0a;
}
.footerCol:nth-child(2) ul {
	border-left:4px solid #e46c0a;
}

.footerCol:last-child {
	width:364px;
	height:139px;
	border:1px solid #C0C2C7;
	padding:25px 0px 0px 25px;
}
.footerCol p {
	color:#858A92;
	font-size:14px;
	width:220px;
}
.footerDown {
	width:960px;
	margin:30px auto;
}
.footerDown p {
		color:#858A92;
	font-size:11px;
}
/*banner*/
.bannerWrap {
	width:100%;
	height:343px;
}
.banner {
	width:1040px;
	height:360px !important;
	position:relative;
	z-index:1;
	margin:0px auto;
	top:-18px;
}
.banner li img {
	float:right;
}
.banner li div {
	float:left;
	width:450px;
	margin:60px 0px 0px 80px;
}
.banner li h2 {
	font-size:41px;
	font-weight:100 !important;
	margin-bottom:10px;
	text-shadow: 0px 0px 1px #403737;
	color:#fff
	}
.banner li p {
	font-size:16px;
	line-height:18px;
	text-shadow: 0px 0px 1px #403737;
	color:#fff
}
.shadowBanner {
	width:960px;
	margin:0px auto;
	height:18px;
	position:relative;
	top:-36px;
	z-index:5;
	display:block;
	background:url(/images/layout/shadow-banner.png) no-repeat;
	background-size:100% 18px;
}
.controles1 {
	width:150px;
	margin:0px auto;
	text-align:center;
	position:relative;
	top:-75px;
	z-index:20;
}
.controles1 a {
	display: inline-block;
	width:20px;
	height:20px;
	border-radius:20px;
	background:#000;
	margin:0px 5px;
	-webkit-box-shadow: 1px 1px 2px 1px ##000;
box-shadow: 1px 1px 2px 1px ##000;
}
.controles1 a:hover, .controles1 a.current {
	background:#604a7b;
}
/*home*/
.destacados {
	width:228px;
	height:328px;
	position: relative;
	overflow:hidden;
}
.destacados div {
	width:215px;
	position: absolute;
	bottom:-168px;
}
.nuCuatro .destacadosText
{
	bottom:-202px;
}
.destacados h4, .destacados p, .destacados ul {
	background:#e46c0a;
	
	width:202px;
}
.destacados h4 {
	font-size:20px;
	padding:15px;
	font-weight:600;
}
.destacados p {
	font-size:15px;
	padding:5px 15px 20px 15px;
	min-height:145px;
}
.destacados ul 
{
	font-size:15px;
	padding: 5px 16px 19px 26px;
	min-height:145px;
}
.destacados span {
	display: block;
    width: 215px;
    height: 13px;
    background: url(/images/layout/label-destacados.png) no-repeat;
}
.destacados span.close {
	background-position:0px -15px;
}
.shadowUp {
	background:url(/images/layout/shadow-up-destacados.png) no-repeat !important;
	background-size:100% 4px !important;
	height:4px !important;
	top:4px !important;
	position:relative;
}
.nuDos {
	margin:0px 15px;
}
.nuDos h4, .nuDos p {
	background:#604a7b !important;
}
.nuTres h4, .nuTres p {
	background:#e46c0a !important;
}
.nuCuatro {
    margin-left: 15px;
}
.nuCuatro h4, .nuCuatro p, .nuCuatro ul {
	background:#604a7b !important;
}
#menuMovil{
	display:none
}

/*Menu movil*/

#jPanelMenu-menu
{
	padding-left: 0px;
}
#jPanelMenu-menu li a {
    background: #E46C0A;
    display: block !important;
    width: 100%;
}
ul#jPanelMenu-menu li {
    display: inline-block !important;
    width: 100%;
}

#jPanelMenu-menu ul.nav2 {
    display: block;
	    position: relative;
}
#jPanelMenu-menu ul.nav2 li a {
    background: #945C2F;
    padding: 5px 26px;
}
#jPanelMenu-menu ul.nav3 {
    display: block;
    position: relative;
    padding-left: 12px;
    background: #945C2F;
}
#jPanelMenu-menu ul.nav3 li a {
    background: transparent !important;
}

/*media queries*/

@media (max-width: 800px) {
	
	#menuMovil
	{
	    display: inline-block;
    float: right;
    background: #E46C0A;
    color: #fff;
    z-index: 99999;
    position: relative;
    padding: 5px 15px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    top: 50px;
	}
	ul.nav1 {
    display: none;
}

.centered {
    width: 90%;
}
.search {
    float: none !important;
    position: relative;
    width: 355px;
    clear: inherit !important;
    display: inline;
    margin-left: 177px;
}
.shadowMenu {
    display: none;
}
.banner {
    width: 100%;
}
span.shadowBanner {
    display: none;
}
.banner li div {
    width: 45%;
}

.banner li
{
	width:40%
}
.banner li img {
    float: right;
    width: 40%;
    height: auto;
    margin-top: 5%;
}
.controles1 {
    position: absolute;
    top: inherit;
    right: 1%;
    bottom: 1%;
}
.destacados {
    width: 100%;   
	margin-bottom: 10%;
}
.destacados h4, .destacados p, .destacados ul {
    width: 87%;
}
.destacados div {
    width: 100%;	
}
.destacados div {
    width: 80%;
    position: absolute;
    bottom: 0px !important;
    right: 0;
}
.destacados img {
    width: 300px;
    height: auto;
}
.nuDos {
    margin: 0px 0px;
}
.destacados h4, .destacados p, .destacados ul {
    background: rgba(228,108,10,0.8);
}
.footerDown {
    width: 100%;
}
.footerCol {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 5%;
}
.footerCol ul, .footerCol:nth-child(2) ul {
    border-left: none;
}
.footerCol:last-child {
    width: 80%;
    height: 139px;
    border: 1px solid #C0C2C7;
    padding: 25px 0px 0px 25px;
	margin:0 auto
}
.footerCol p {
    width: 100%;
}
.nuDos h4, .nuDos p {
    background: rgba(96,74,123,0.8) !important;
}
.nuTres h4, .nuTres p {
    background: rgba(228,108,10,0.8) !important;
}
.nuCuatro h4, .nuCuatro p, .nuCuatro ul {
    background: rgba(96,74,123,0.80) !important;
}
}
@media (max-width: 650px) {
	
	.banner li img {
  /*display:none*/
}
.banner li div {
       width: 80%;
    margin-bottom: 5%;
    margin-left: 10%;	
}
div.headerTop {
    /* background: url(../images/layout/bg-banner.png) no-repeat 0px 0px #302726; */
    background-size: 100% 563px;
    /* height: auto; */
    position: relative;
    z-index: 99;
    background: #343434;
}
.banner {
    width: 100%;
    background: #343434;
	top:13px;
	height: auto !important;
}
.bannerWrap {
    height: auto;
}
.banner li img {
    float: none;
    width: 80%;
    height: auto;
    margin-top: 5%;
    margin: 0 auto;
}
div.headerTop
{
	height:auto
}
}

@media (max-width: 500px)
{
	h1 {
  
    position: relative;
    margin: 0 auto;
}
.headerTop .centered p {
   
    margin: 16px auto 0px auto;
   
}
.search {
  float:left;
      margin-left: 0px !important;
	      padding-top: 12px;
}
#menuMovil
	{
	   
    float: left;
    top: -190px;
	}
}