@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300);

body {
	margin: 0;
	padding: 0;
	border: 0;
	background-image: url(../img/fondo_encabezado.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#header {
	float: left;
	height: 240px;
	width: 960px;
	position: relative;
}
#logo {
	position: absolute;
	height: 130px;
	width: 660px;
	top: 80px;
}
#titulos {
	position: absolute;
	height: 190px;
	width: 250px;
	background-repeat: no-repeat;
	left: 710px;
	top: 42px;
}
#base_menu {
	float: left;
	height: 40px;
	width: 960px;
	position: relative;
	background-color: #343437;
	margin-bottom: 10px;
}

#estructura {
	margin: 0px;
	height: 100%;
	width: 100%;
	position: relative;
}
#base960 {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}
#menu {
	list-style-type: none;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 17px;
	font-weight: 300;
	color: #FFF;
	text-align: center;
	height: 40px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	position: relative;
	padding-right: 0px;
	padding-left: 0px;
    }
	
#menu li {
	height: 40px;
	line-height: 40px;
	position: relative;
	float: left;
  }
  
#menu li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 100%;
	text-align: center;
	padding-top: 0;
	padding-right: 28px;
	padding-bottom: 0;
	padding-left: 28px;
}
#menu li a:hover, .select {
	background-color: #4d4d4d;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
     }

#banner {
	float: left;
	height: 250px;
	width: 960px;
	position: relative;
	background-image: url(../img/sombra.jpg);
	background-repeat: no-repeat;
	background-position: 0px 250px;
	padding-bottom: 40px;
	margin-bottom: 10px;
}
#banner2 {
	float: left;
	height: 250px;
	width: 960px;
	position: relative;
	padding-bottom: 0px;
	margin-bottom: -30px;
}

#tit_principal {
	float: left;
	width: 960px;
	margin-bottom: 10px;
	position: relative;
}
.text01 {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #333;
	text-align: center;
	font-weight: 400;
	margin: 0px;
}
.text02 {
	font-family: 'Oswald', sans-serif;
	font-size: 17px;
	line-height: 24px;
	color: #333;
	text-align: center;
	font-weight: 300;
	margin: 0px;
}
.text03 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #333;
	text-align: left;
	font-weight: 400;
}
.text03b {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	line-height: 22px;
	color: #333;
	text-align: center;
	font-weight: 400;
}
.destacado01 {
	font-family: 'Oswald', sans-serif;
	font-size: 44px;
	line-height: 20px;
	color: #00ACED;
	text-align: center;
	font-weight: 400;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-decoration: none;
}
.destacado01 a {
	font-family: 'Oswald', sans-serif;
	font-size: 44px;
	line-height: 20px;
	color: #00ACED;
	text-align: center;
	font-weight: 400;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-decoration: none;
}
.destacado01 a:hover {
	font-family: 'Oswald', sans-serif;
	font-size: 44px;
	line-height: 20px;
	color: #005575;
	text-align: center;
	font-weight: 400;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-decoration: none;
}
h2 {
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	line-height: 70px;
	color: #202020;
	text-align: center;
	font-weight: 400;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-decoration: none;
}

.destacado02 {
	font-family: 'Oswald', sans-serif;
	font-size: 34px;
	line-height: 20px;
	color: #00ACED;
	text-align: center;
	font-weight: 400;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	position: relative;
}
#line01 {
	float: left;
	height: 10px;
	width: 960px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	background-image: url(../img/linea.jpg);
	background-repeat: no-repeat;
}
#ic_email {
	position: absolute;
	height: 55px;
	width: 170px;
	left: 740px;
	top: -35px;
}
#ic_email2 {
	position: absolute;
	height: 77px;
	width: 187px;
	left: 0px;
	top: -35px;
}
#ic_email a:hover {
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	opacity: 0.9;
  filter:  alpha(opacity=90);
}
#titulo {
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	line-height: 43px;
	font-weight: 400;
	color: #333;
	background-image: url(../img/fondo_titulos.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 43px;
	width: 960px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	float: left;
}
#titulo2 {
	font-family: 'Oswald', sans-serif;
	font-size: 17px;
	line-height: 43px;
	font-weight: 400;
	color: #333;
	background-image: url(../img/fondo_titulos.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 43px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	float: left;
}
#col02e {
	float: left;
	width: 690px;
	margin-left:130px;
	margin-right:130px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#col02a {
	float: left;
	width: 340px;
	margin-left:130px;
	margin-right:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#col02a2 {
	float: left;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#col02c {
	float: left;
	width: 400px;
	margin-left:70px;
	margin-right:10px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#col02b {
	float: left;
	width: 340px;
	margin-left:10px;
	margin-right:130px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#col02b2 {
	float: left;
	width: 440px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#col02d {
	float: left;
	width: 400px;
	margin-left:10px;
	margin-right:70px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
}
#footer {
	padding: 10px;
	float: left;
	width: 940px;
	position: relative;
	background-color: #F0B423;
	margin-top: 30px;
}
#footer #sup {
	float: left;
	height: 120px;
	width: 940px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	position: relative;
}
#logo_footer {
	float: left;
	height: 68px;
	width: 58px;
	margin-top: 1px;
	margin-right: 16px;
	margin-bottom: 1px;
	margin-left: 16px;
	position: relative;
	background-image: url(../img/logo_footer.png);
	background-repeat: no-repeat;
}
#text01_footer {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	line-height: 22px;
	font-weight: 300;
	color: #333;
	text-decoration: none;
	text-align: center;
	position: relative;
	height: 70px;
	width: 740px;
	float: left;
}

#text01_footer strong {
	font-weight: 700;
}
#text01_footer a {
	color: #333;
	text-decoration: none;
}
#text01_footer a:hover {
	font-weight: 700;
}
#inf a {
	color: #333;
	text-decoration: none;
}
#inf a:hover {
	font-weight: 700;
}
#circulos {
	background-repeat: no-repeat;
	float: left;
	height: 30px;
	width: 69px;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 15px;
	position: relative;
	margin-right: 16px;
}
#footer #inf {
	float: left;
	width: 940px;
	position: relative;
	margin-bottom: 10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	line-height: 22px;
	font-weight: 300;
	color: #333;
	text-decoration: none;
	text-align: center;
}
#inf strong {
	font-weight: 400;
}
#sombra_footer {
	background-repeat: no-repeat;
	height: 90px;
	width: 960px;
	margin-top: 0px;
	margin-bottom: 30px;
	position: relative;
	float: left;
}
.text01 strong {
	font-weight: 400;
}
#col03 {
	float: left;
	width: 220px;
	margin-left: 75px;
	position: relative;
	margin-bottom: 20px;
}
#box_negro {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 44px;
	font-weight: 400;
	color: #F0B423;
	text-decoration: none;
	background-image: url(../img/box_negro.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 44px;
	width: 700px;
	text-align: center;
	background-position: right bottom;
	background-color: rgba(0,0,0,1.00);
}
#box_negro2 {
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	line-height: 44px;
	font-weight: 400;
	color: #F0B423;
	text-decoration: none;
	background-image: url(../img/box_negro.jpg);
	background-repeat: no-repeat;
	position: relative;
	height: 44px;
	width: 220px;
	text-align: center;
}
#box_gris {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 13px;
	float: left;
	height: 145px;
	width: 194px;
	position: relative;
	background-color: #9F9F9F;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 20px;
}
#box_gris2 {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 13px;
	float: left;
	height: 120px;
	width: 674px;
	position: relative;
	background-color: #9F9F9F;
	font-size: 14px;
	font-weight: 400;
	color: #333;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 20px;
}
.col_tres {
	width: 27%;
	padding-left: 3%;
	padding-right: 3%;
	float: left;
}
.75mas {
	margin-right: 75px;
}
#col700 {
	float: left;
	width: 700px;
	margin-top: 5px;
	margin-right: 130px;
	margin-bottom: 5px;
	margin-left: 130px;
	position: relative;
}
.text04 {
	font-family: 'Roboto Condensed', sans-serif;
	float: left;
	font-size: 16px;
	font-weight: 300;
	color: #333;
	text-align: center;
	line-height: 22px;
}
.tit_box {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	background-color: #00ACED;
	height: 30px;
	width: 340px;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	text-align: center;
	font-weight: 400;
	position: relative;
	float: left;
}
.tit_box2 {
	margin: 0px;
	background-color: #00ACED;
	height: 30px;
	width: 690px;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	text-align: center;
	font-weight: 400;
}

.tit_box03 {
	margin-right: 130px;
	margin-left: 130px;
	background-color: #00ACED;
	height: 30px;
	width: 710px;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	text-align: center;
	font-weight: 400;
}
.tit_box4 {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px;
	background-color: #00ACED;
	height: 30px;
	width: 700px;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	text-align: center;
	font-weight: 400;
	position: relative;
	float: left;
}

.tit_box5 {
	margin-top: 20px !important;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 20px !important;
	padding:10px;
	background-color: #00ACED;
	height: 40px;
	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	text-align: center;
	font-weight: 400;
	position: relative;
	float: left;
}

#fb {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
	margin-right: 9px;
}
#tw {
	float: left;
	height: 30px;
	width: 30px;
	position: relative;
}
#col02_complete_a {
	float: left;
	width: 480px;
	position: relative;
	margin-bottom: -30px;
}
#col02_complete_b {
	float: left;
	width: 360px;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #333;
	text-align: left;
	font-weight: 700;
	margin-left: 80px;
	margin-right: 40px;
}
.text03 strong {
	font-weight: 700;
}
.email_menos {
	margin-left: -440px;
}
.email_menos2 {
	margin-left: -80px;
}
.email_menos3 {
	margin-left: 387px;
}
#map {
	float: left;
	height: 200px;
	width: 340px;
	position: relative;
	background-color: #F0B423;
	margin-top: 10px;
	padding-top: 15px;
	margin-bottom: 5px;
}
#data_header {
	float: left;
	height: 130px;
	width: 260px;
	position: relative;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: 700;
	color: #333;
	text-decoration: none;
	text-align: left;
}
p {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#data_header a {
	color: #333;
	text-decoration: none;
}
#data_header a:hover {
	color: #333;
	text-decoration: none;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333;
}
.reducir {
	font-size: 30px;
}



ul, ol {
list-style:none;
}
			
#menu > li {
float:left;
}
			
#menu li ul {
display: none;
position: absolute;
z-index: 1000;
width: 210px;
margin-top: 1px;
}
			
#menu li:hover > ul {
display:block;
}
			
#menu li ul li {
position: relative;
background-color: #575659;
left: -40px;
height: auto;
width: 210px;
margin-bottom:1px;
}

#menu li ul li a {
	font-size: 14px !important;
	color: #FFE400 !important;
	line-height: 20px !important;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left !important;
}
			
#menu li ul li ul {
left:0px;
top:0px;
}

.fa {
color: #FFFFFF !important;
}

#col02c .text03 .fa, #col02d .text03 .fa, #col02b .text03 .fa, #col02a .text03 .fa {
	color: #333 !important;
}

.margen_fa {
padding-top: 5px;
font-size: 1.8em;
}




#container-main{
	position: relative;
	float: left;
	margin-top: 40px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 40px;
	width: 960px;
	min-width: 320px;
}
 
#container-main h1{
    font-size: 40px;
    text-shadow:4px 4px 5px #16a085;
}
 
.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
	position:relative;
	float:left;
}
 
.accordion-titulo {
	position: relative;
	display: block;
	padding-top: 0px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	text-decoration: none;
	
	font-family: 'Oswald', sans-serif;
	font-size: 19px;
	line-height: 43px;
	font-weight: 400;
	color: #333;
	background-image: url(../img/fondo_titulos.jpg);
	background-repeat: no-repeat;
	text-align: center;
	height: 43px;
	
}
.accordion-titulo.open {
    background-image: url(../img/fondo_titulos2.jpg);
	background-repeat: no-repeat;
}
.accordion-titulo:hover {
    background-image: url(../img/fondo_titulos2.jpg);
	background-repeat: no-repeat;
}
 
.accordion-titulo span.toggle-icon:before {
    content:"+";
}
 
.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}
 
.accordion-titulo span.toggle-icon {
	position: absolute;
	right: 20px;
	font-size: 35px;
	font-weight: 400;
	line-height: 43px;
	top:-4px;
}
 
.accordion-content {
	display: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	overflow: auto;
}
 
.accordion-content p{
    margin:0;
}
 
.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}



.destaque01 {
	color: #000 !important;
	background-color:#00ACED !important;
	background-image:none !important;
	
}
.destaque01.open {
	background-color: #004762 !important;
	color:#FFFFFF !important;
	background-image:none !important;
}
.destaque01:hover {
    background-color: #004762 !important;
	color:#FFFFFF !important;
	background-image:none !important;
}
.purchase-btn {
    bottom: 12px;
	right: 12px;
    position: fixed;
    z-index: 99999999999999999999999999999999;
    text-align: center;
}
.purchase-btn > a {
    background-color: #3cb879;
    color: #ffffff;
    display: inline-block;
    font-family: montserrat;
    font-size: 20px;
    font-weight: 700;
    height: 70px;
    left: 0px;
    line-height: 70px;
    width: 70px;
}
.pulse-button {
    position: relative;
    width: 64px;
    height: 64px;
    border: none;
    box-shadow: 0 0 0 rgba(37,211,102, 0.6);
    animation: pulse 3s infinite;
    border-radius: 50%;
    background-color: #a1577b;
    background-image: url(https://ss-static-01.esmsv.com/id/106362/galeriaimagenes/obtenerimagen/?id=37&tipoEscala=stretch&width=64&height=64);
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    
}


.pulse-button:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -ms-animation: none;
    animation: none;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(37,211,102, 0.6);
  }
  70% {
      -webkit-box-shadow: 0 0 0 30px rgba(37,211,102, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(37,211,102, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(37,211,102, 0.6);
    box-shadow: 0 0 0 0 rgba(37,211,102, 0.6);
  }
  70% {
      -moz-box-shadow: 0 0 0 30px rgba(37,211,102, 0);
      box-shadow: 0 0 0 30px rgba(37,211,102, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(37,211,102, 0);
      box-shadow: 0 0 0 0 rgba(37,211,102, 0);
  }
}

@media screen and (max-width:1024px) {

.purchase-btn {
	left: 12px !important;
    position: fixed;
}
}