@import url("fonts.css");
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:400,600,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700);

body{ padding:0px; margin:0px; font-size:14px; font-family:"Josefin Sans", Tahoma, Geneva, sans-serif; font-weight:400;}
html, .h100 {height: 100%;}

/* Anchors
---------------------------------------------------*/
h1 { font-size:45px; font-weight:400; margin:0 0 15px 0;}
h1 span { display:block; font-weight:300; font-size:20px;}
h2 {}
h3 {}
p { line-height:20px; margin:0 0 20px 0;}
a:focus { outline:none;}
a{ text-decoration:none; color:#000;}
a:hover { text-decoration:none;}

/* Font Hacks
---------------------------------------------------*/
.font-09{ font-size:9px; } .font-10{ font-size:10px; } .font-11{ font-size:11px; } .font-12{ font-size:12px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; } .font-20{ font-size:20px; } .font-21{ font-size:21px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-25 { font-size:25px;} .font-26{ font-size:26px; } .font-27{ font-size:27px;} .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-31{ font-size:31px; } .font-32{ font-size:32px; } .font-34{ font-size:34px; } .font-36{ font-size:36px; } .font-48{ font-size:48px; } .font-72{ font-size:72px; } .font-80{ font-size:80px; } .font-48{ font-size:48px;}

.text-left { text-align:left;}
.text-center { text-align:center;}
.text-rigt { text-align:right;}
.text-justify { text-align:justify;}

/* Button
---------------------------------------------------*/
.btn {}
.btn-primary { }
.btn-warning {}
.btn-xs {}


/* Wrapper
--------------------------------------------------*/
#loading { width:100%; height:100%; background-color:#999; position:absolute; top:0; left:0; z-index:499;}
.container {}

.fitheight { height:100%;}
.sidebar { background-color:#47508b; padding:0; position:fixed; height:100%; width:252px; z-index:300;}
.logo { display:block; position:absolute; top:0; left:0; width:100%; z-index:200;}
.sidebar .columna { margin:0 10px; border-left:solid 1px #343a65; border-right:solid 1px #343a65; height:100%; position:relative; padding-top:160px;}
.menu {}
.menu ul { margin:0; padding:0;}
.menu > ul > li { display:block; list-style:none;}
.menu ul li a { display:block; color:#FFF; text-transform:uppercase; font-size:16px; padding:15px 30px; border-bottom:solid 1px #343a65;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.menu ul li:hover a, .menu ul li.current a { background-color:#323a6f;}
.menu ul li:last-child a { border:none;}
.btntrigger { background-color:#47508b; padding:20px 15px; color:#FFF; cursor:pointer; width:100%; padding:5px; border:none; text-align: left; font-size: 21px; text-transform:uppercase;}
ul.social li { list-style:none;}
ul.social li a { padding:15px 0; font-size:22px;}
.content { padding:0; min-height:100%; padding-left:252px; position:relative;}
.slider { height:100%; width:100%; position:relative;}
.pager-slider { position:fixed; bottom:25px; right:25px;}
.pager-slider ul { margin:0; display:block; padding:0;}
.pager-slider ul li { width:18px; height:18px; margin:0 5px;}
.pager-slider ul li a {width:18px; height:18px; display:block; border:solid 2px #FFF; cursor:pointer;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.pager-slider ul li a.select { background-color:#FFF;}

.llamanos { position:absolute; top:40px; right:0; padding:20px 25px 15px 55px; color:#FFF; z-index:200; background:url(../images/llamanos-flecha.png) no-repeat 15px top rgba(82, 81,132, 0.8); text-align:right; font-size:13px; font-family:"Droid Serif"; font-weight:400; height:78px;}
.llamanos b { font-size:20px; font-family:"Droid Serif"; font-weight:700;}

.info-slider {border:solid 1px #000; padding:3px; display:block; width:100%;}
.info-slider > div { background:url(../images/pattern.png) repeat left top; padding:15px; font-family:"Playfair Display"; font-size:24px; color:#FFF; }
.info-slider > div p {line-height:30px;}
.info-slider h1 {color:#FFF; font-family:"Playfair Display"; font-size:55px; font-weight:400; margin:0 0 10px 0; line-height:50px;}
.knowmore { display:inline-block; color:#FFF; text-transform:uppercase; border:solid 1px #47508b; padding:2px; font-family:"Josefin Sans"; font-size:16px; line-height:42px; margin:15px 0 0 0;}
.knowmore span { background-color:#47508b; display:block; text-align:center; color:#FFF; padding:0 25px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.knowmore:hover span { background-color:#2e3b8f;}
.tp-bullets.hidebullets {
opacity: 1!important;
-moz-opacity: 1!important;
filter:alpha(opacity=100)!important;
}
.tp-bullets {right: 25px!important;}

.main { padding:50px;}
.fitwidth { width:100%;}
.img-banner { display:block; margin-bottom:25px;}

.forma {}
.forma input[type="text"], .forma textarea { display:block; border:none; background-color:#EEE; color:#333; width:100%; padding:8px; margin:0 0 10px;
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}
.forma button { background-color:#47508b; color:#FFF; padding:8px 15px; border:none; display:inline-block; text-transform:uppercase;}
.forma button i { display:inline-block; margin:0 0 0 10px;}
label.error { display:none !important;}
.forma input[type="text"].error, .forma textarea.error { background-color:#cf4747;}
.forma input[type="text"].valid, .forma textarea.valid { background-color:#47cf51;}


/* FOOTER
---------------------------------------------------*/
.footer { position:absolute; bottom:25px; left:0; width:100%; text-align:center; color:#1e2454; font-family:"Times New Roman", Times, serif; font-size:11px; text-transform:uppercase;}
.footer img { margin:0 auto;}
.footer hr { height:1px; display:block; margin:15px auto; width:70%; background-color:#323861; border:none;}
.cbp-spmenu .footer { position:relative; margin-top:100px;}

/* RESPONSIVE
---------------------------------------------------*/
/* Large desktop */
@media (min-width: 1200px) {

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {	
.info-slider h1 {font-size:35px; line-height:35px;}
.info-slider > div {font-size:13px;}
.info-slider > div p {line-height:15px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.logo { display:block; text-align:center;}
.logo img { margin:auto;}
.menu ul { display:none;}
.content {padding-left:0;}
.sidebar { position:relative; height:auto; width:100%;}
.llamanos { display:none;}
.sidebar .columna {border:none; height:auto;}
ul.social li a { padding: 15px; border:none !important;}

.info-slider {border:solid 1px #000; padding:3px; display:block; width:100%;}
.info-slider > div {font-size:15px;}
.info-slider > div p {line-height:17px;}
.info-slider h1 {font-size:35px; line-height:35px;}
}

/* Landscape phones and down */
@media (max-width: 480px) {
.logo { display:block; text-align:center;}
.logo img { margin:auto;}
.menu ul { display:none;}
.content {padding-left:0;}
.sidebar { position:relative; height:auto; width:100%;}
.llamanos { display:none;}
.sidebar .columna {border:none; height:auto;}
ul.social li a { padding: 15px; border:none !important;}

.info-slider {border:solid 1px #000; padding:3px; display:block; width:100%;}
.info-slider > div {padding:10px; font-size:15px; color:#FFF; }
.info-slider > div p {line-height:17px;}
.info-slider h1 {font-size:35px; line-height:35px;}
}

/* start hover effect
---------------------------------------------------*/
.trans {
-webkit-transition: all 0.3s ease 0s; 
-o-transition: all 0.3s ease 0s; 	
transition: all 0.3s ease 0s;
}

/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
li.active a img.rotate {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
       -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover, .circle.active
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/
/*end hover effect*/



/* CLEARING
---------------------------------------------------*/
.clear5px{clear:both;height:5px;}
.clear7px{clear:both;height:7px;}
.clear10px{clear:both;height:10px;}
.clear15px{clear:both;height:15px;}

.clear { clear:both;}
.clearfix:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.dropstudio { color:#FFF !important; text-transform:none !important; }
.dropstudio:hover { text-decoration:none !important; }