/*References styles*/
#styleReference{
    border-style: solid;
    border-width: 1px;
	padding-top:15px;
    padding-right: 350px;
    padding-bottom: 15px;
    padding-left: 50px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	 border-radius: 10px;
	 box-shadow: 4px 4px 4px #585858;
	 font-family: "Times New Roman", Times, serif;
	 font-size: 20px;
         display: block;
}

#styleReference:hover{
    border-style: solid;
    border-width: 1px;
     padding-top:15px;
     padding-right: 450px;
     padding-bottom: 15px;
     padding-left: 100px;
	 -moz-border-radius:10px;
	-webkit-border-radius: 10px;
	 border-radius: 10px;
	 box-shadow: 4px 4px 4px #585858;
	 font-family: "Times New Roman", Times, serif;
	 font-size: 23px;
         display: block;
         font-weight: bold;
}

/* GOOGLE FONTS */
@import "http://fonts.googleapis.com/css?family=Acme";
@import "http://fonts.googleapis.com/css?family=Open+Sans:300,700";
@import url(http://fonts.googleapis.com/css?family=Felipa);

/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#888888!important; color:#fff}
::-moz-selection{ background:#888888!important; color:#fff}

a{ text-decoration: underline; outline:none}
a:hover{ color:#65AADF; text-decoration: none; outline:none}

body{  border:0; font: 13px Arial, Helvetica, sans-serif; color:#4b3e33 ; line-height:18px; min-width:320px;}

#main{max-width: 1054px; background: rgb(249, 249, 249); margin: 0 auto; position: relative;}

#inner{max-width: 1000px; margin: 0 auto; position: relative;}


/* ============================= header ====================== */
header{position: relative; z-index: 1; padding-bottom: 30px;}

.top1{float: left; text-align: left;}
.logo{display: inline-block; height: 30px; padding-top: 10px; font: 40px/40px 'Felipa'; text-decoration: none;}


.top2{float: right; padding-top: 20px; padding-right: 30px;text-align: right;}
.social_wrapper{}
.social{ display: inline-block; margin: 0 0px; padding-top: 0px; list-style: none; white-space: nowrap;}
.social li{display: inline-block; margin: 0 2px; float: left;}

.phone1{padding-top: 10px; font-family: 'Acme'; font-size: 24px; line-height: 30px; color: #9a7d5b; text-shadow:0px 2px 1px rgba(0, 0, 0, 0.75);}
.phone1 span{color: #d5b596;}

/* ============================= content ====================== */
#content{ padding-top: 0px; padding-bottom: 0px;}

/* ============================= footer ====================== */
footer{position: relative; z-index: 1; }

.bot1{height: 64px; background: #12364A; position: relative; z-index: 1; text-align: center;}


.bot2{position: relative; z-index: 1; background: rgb(202, 202, 202);}
.copyright{color:#fff; padding: 15px 0; margin: 0; font-size: 11px;}


/* ============================= main menu ====================== */
.navbar_ { margin: 0; padding: 0; background: url(images/menu_bg.jpg) 0 0 repeat-x; z-index: 30;}
.navbar_ .navbar-inner_ { padding: 0; margin: 0; border: none; min-height: inherit; background: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; filter:none; }
.navbar_ .btn-navbar { background: #468DB5; border: none;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; margin-top: 20px; margin-bottom: 15px;}
.navbar_ .btn-navbar:hover{background: #468DB5;}
.navbar_ .btn-navbar .icon-bar{background-image: none;}
.nav-collapse_.collapse{ position:relative; display:block; text-align: center;}
.navbar_ .nav{ position: relative; float: none; margin: 0; padding: 0; display: block; left: auto;}
.navbar_ .nav > li{position: relative; display: block; float: left; padding-right: 2px; white-space: nowrap; background: url(images/marker0.png) right top no-repeat;}
.navbar_ .nav > li:first-child{}
.navbar_ .nav > li > a{display: block; text-decoration: none; background: none;  font-weight: 400; font-size: 17px;
line-height: 39px; color: #ece1d7; text-shadow:0px 0px 3px #000; padding: 0px 20px; border: none; margin: 0;  
transition: color 0.3s ease-out; -moz-transition: color 0.3s ease-out; -webkit-transition: color 0.3s ease-out; -o-transition: color 0.3s ease-out;
}
.navbar_ .nav > li > a{display: block;}
.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{color: white; text-decoration: none; background: url(images/nav.jpg) 0 0 repeat-x;  box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > div:hover{color: white; text-decoration: none; background: url(images/nav.jpg) 0 0 repeat-x;  box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.sub-menu ul { position: absolute; display: none; left: -52px; top: 42px; list-style: none; zoom: 1; z-index: 109; margin: 0; padding:8px; background: #241b18; text-align: left; }
.sub-menu li { margin: 0; position: relative; zoom: 1; display: block;}
.sub-menu li a{display: block; position: relative; font-weight: 400; font-size: 16px; line-height: 20px; color: #ece1d7; text-decoration: none; padding: 6px 35px 6px 20px; 
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.sub-menu li a:hover{ text-decoration: none; color: white; background: #1E469A;}

.sub-menu li a em{display: inline-block; width: 7px; height: 10px; background: url(images/marker1.png) left top no-repeat; position: absolute; right: 8px; top: 50%; margin-top: -5px;}
.sub-menu li a:hover em{background-position: bottom;}

.sub-menu-1 > ul{}

.sub-menu-2 > ul{left: 100%; top: -8px; margin-left: 9px; background: #181311;}

/* ============================= menu bot ====================== */
.menu_bot { display:inline-block; float: left; position: relative; z-index:10; text-align:center; white-space:nowrap; padding-top: 20px; }
#menu_bot { list-style: none; display:inline-block; white-space:nowrap;  padding: 0; margin: 0;}
#menu_bot > li { list-style: none; display: inline-block; height:24px; line-height: 24px; margin-left: 35px; position:relative; float:left; white-space:nowrap;}
#menu_bot > li:first-child{ margin-left: 0;}
#menu_bot > li > a{ display:block; height:100%; text-decoration:none; position:relative;  font-weight: 400; font-size: 15px; color: #ece1d7;}
#menu_bot > li.active > a, #menu_bot > li > a:hover, #menu_bot > li > a:focus{color: #4E9DD6; text-decoration: none;}

/* ============================= search-form ====================== */
.navbar-form { float: right; position:relative; z-index: 11; margin:11px 0px 0 0 ; padding: 0; }
.navbar-form input { width: 190px; height: 20px; font-size: 14px; line-height: 20px; color:#827b6c; background: #1b140f; border: none; border-bottom: 1px solid #505050; margin: 0; padding: 10px 50px 10px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -moz-box-shadow: inset  0px 3px 20px 3px  #1b140f; -webkit-box-shadow: inset  0px 3px 20px 3px  #1b140f; box-shadow: inset  0px 3px 20px 3px  #1b140f; }
.navbar-form input:focus {color: #fff; border-color: #898989;-moz-box-shadow: inset  none; -webkit-box-shadow: none; box-shadow: none;}
.navbar-form a {text-decoration: none; margin: 0; display: inline-block; border-left: 1px solid #2f2f2f; width: 42px; height: 28px; background: url(images/search.png) left top no-repeat; position:absolute; right:0; top: 7px; }
.navbar-form a:hover { background-position: right;}

/* ============================= toTop ====================== */
#toTop {float: left; display:none; height:24px; line-height: 24px; margin-top: 20px; margin-left: 0px; text-decoration:none; border:none;font-family:'Felipa'; font-weight: 400; font-size: 15px; color: #ece1d7; text-transform: uppercase;}
#toTopHover {}
#toTop:hover, #toTop:focus { outline:none; color: #faa709; text-decoration: none; }

/* ============================= main layout ====================== */
h1{ font-weight:400; font-size:35px; color:#29586D; line-height:35px; padding:25px 0 20px 0; margin: 0; } 
h1 span{font-size: 30px; line-height: 28px;}
h2{  font-weight:400; font-size:28px; color:#29586D; line-height:28px; padding:25px 0 20px 0; margin: 0;}
h3{  font-weight:400; font-size:24px; color:#29586D; line-height:24px; padding:2px 0 20px 0; margin: 0;}
h4{ font-weight: bold; color:#29586D; padding:0px 0 10px 0; margin: 0px 0px 0px 0px;font-size: 16px;}

h6{ font-family:'Felipa'; font-weight:400; font-size:20px; line-height: 25px; color:#29586D; padding:0px 0 10px 0; margin: 0px 0px 0px 0px;}


.upper { text-transform:uppercase;}

.color1{ color:#fff;}

.line1 { height:1px; background:#b9b2a2; margin:5px 0;}

.radius1{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.pad_bot1{padding-bottom: 20px;}


/* === */
.vl1{background: url(images/vl1.gif) right top repeat-y;}
.pr1{padding-right: 20px;}
.box_inner{padding-bottom: 20px;}

.banners{ background: url(images/px4.jpg); padding-top: 30px; padding-bottom: 0px;}
.banners .banner{ margin-bottom: 20px;}
.banners .banner:hover{}
.banners .txt{padding: 20px 0px 0 0; }
.banners .txt1{font-family:'Felipa'; font-weight: 800; font-size: 28px; line-height: 30px; color: #29586D; padding-bottom: 15px;}
.banners .txt2{color: #000; padding-bottom: 15px;}
.banners img{width: 100%; border: 5px solid #146096}

.more1{ display:inline-block; height:33px; line-height:33px; position:relative; text-decoration: none; margin-top:0px; margin-bottom:0px; font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; color:#fff;  white-space:nowrap; letter-spacing:0px; background:#29586D; padding:0 20px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.more1:hover { color:#321f0e; background: #6EB9EF;}

.button1{ display:inline-block; line-height:18px;  text-decoration: none; margin-top:10px; margin-bottom:10px; font-size:18px; font-family:'Felipa'; font-weight: 400; color:#4b3e33; white-space:nowrap; letter-spacing:0px; background:url(images/button1.png) 0 3px no-repeat; padding-left: 20px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button1:hover { color:#c78509;}

.date1{ display:inline-block; line-height:14px; margin-bottom:10px; font-size:14px; font-family:'Acme'; font-weight: 400; color:#fff; letter-spacing:0px; background:#4088A9; padding:8px 15px; width: 100%}

.page_title{ }
.page_title .txt1{ font-weight: 400; font-size: 33px; line-height: 40px; color: #dfdac8; padding: 30px 0px 30px 15px; background: url(images/page_title.png) 0px 20px no-repeat;} 

.button2{ display:inline-block; line-height:30px; height: 30px;  text-decoration: none; margin-top:5px; margin-bottom:10px; font-size:12px; color:#fff; white-space:nowrap; letter-spacing:0px; background: #3480A3; padding:0px 15px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.button2:hover { color:#BCE0F1;}

.date2{padding-bottom: 20px;}
.date2.last{padding-bottom: 0px;}
.date2 .txt1{float: left; width: 25px; padding-right: 5px; font-weight: bold; color: #29586D; font-size: 30px; line-height: 30px;}
.date2 .txt2{overflow: hidden; }

.google_map{ position: relative; overflow: hidden; margin: 0 0 20px 0; padding: 10px; background: #e7e0d7;border: 1px solid #c4bdab;}
.google_map iframe{position: relative; width: 100%; height: 250px; border: none;}

.newcopy
{
position: absolute; z-index: 1000; bottom: 20px; left: 20px; text-align: right; color: #fff; font-size: 11px; width: 98%;
}




/* ============================= thumbnail ====================== */
.img-polaroid{height: 148px;text-align: center;position: relative; padding: 5px; border: 1px solid #c4bdab;box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.img-polaroid img {
width: auto\9;
height: 100%;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

.img-polaroid.w1{padding: 10px;}
.thumbnail .caption{padding: 0; color: #4b3e33}

.thumb1 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb1 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb1 figure img{width: 100%;}
.thumb1 .caption{}

.thumb2 {margin-bottom: 20px; border-bottom: 1px dashed rgba(169, 169, 169, 0.32);} 
.thumb2.last {margin-bottom: 0px;}
.thumb2 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb2 figure{margin: 0; float: left; margin:0px 20px 20px 0px; display: inline-block;}
.thumb2 figure img{width: auto;}
.thumb2 .caption{overflow: hidden;}
.caption3 p{overflow: hidden;border-bottom: 1px dashed rgba(169, 169, 169, 0.32);}
.experience p{overflow: hidden;border-bottom: none;}
.experience {overflow: hidden;border-bottom: 1px dashed #a9a9a9;margin-bottom: 9px;}

.thumb3 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb3 figure{margin: 0; float: left; margin:0px 20px 20px 0px; display: inline-block;}
.thumb3 figure img{width: auto;}
.thumb3 .caption{}

.thumb4 {margin-bottom: 20px;}
.thumb4.last {margin-bottom: 0px;}
.thumb4 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb4 figure{margin: 0; float: left; margin:0px 20px 20px 0px; display: inline-block;}
.thumb4 figure img{width: auto;}
.thumb4 .caption{}

.thumb5 {margin-bottom: 0px;}
.thumb5.last {margin-bottom: 0px;}
.thumb5 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb5 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb5 figure img{width: 100%;}
.thumb5 .caption{}

.thumb6 {margin-bottom: 0px;}
.thumb6.last {margin-bottom: 0px;}
.thumb6 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb6 figure{margin: 0; float: left; margin:0px 20px 10px 0px; display: inline-block;}
.thumb6 figure img{width: auto;}
.thumb6 .caption{}

.thumb7 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb7 figure{margin: 0; float: left; margin:0px 20px 10px 0px; display: inline-block;}
.thumb7 figure img{width: auto;}
.thumb7 .caption{}

.thumb8 {margin-bottom: 20px;}
.thumb8.last {margin-bottom: 0px;}
.thumb8 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb8 figure{margin: 0; float: left; margin:0px 20px 10px 0px; display: inline-block;}
.thumb8 figure img{width: auto;}
.thumb8 .caption{}

.thumb9 {margin-bottom: 20px;}
.thumb9.last {margin-bottom: 0px;}
.thumb9 .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb9 figure{margin: 0; float: none; margin:0px 0px 20px 0px;}
.thumb9 figure img{width: 100%;}
.thumb9 .caption{}

.thumb-isotope {}
.thumb-isotope .thumbnail{padding: 0; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none;}
.thumb-isotope figure{;position: relative; margin: 0; float: none; margin:0px 0px 20px 0px; padding: 10px; background: #8AAFBF; border: 1px solid #c4bdab;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a{position: relative;  display: block;}
.thumb-isotope .thumbnail a:hover figure{background: #fff;}
.thumb-isotope .thumbnail a img{width: 100%;}
.thumb-isotope .thumbnail a em{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; background: url(images/photo1.png) center center no-repeat; opacity: 0; filter: alpha(opacity=0);
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
.thumb-isotope .thumbnail a:hover em{opacity: 1; filter: alpha(opacity=100);}
.thumb-isotope .caption{}





/* ============================= accordion ====================== */
.accordion{ margin-bottom: 20px;}
.accordion-group{ margin-bottom: 2px; border: none; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px;}
.accordion-heading{border-bottom: 0;}
.accordion-heading .accordion-toggle{text-decoration: none; display: block; padding: 12px 12px 12px 50px;cursor: pointer; font-size: 16px; line-height: 22px; font-weight: bold; color: #faf7eb; background: url(images/accordion1.jpg) 12px 11px no-repeat #29586D;}
.accordion-heading .accordion-toggle:hover{ text-decoration: none; color: #fff; background: url(images/accordion1_over.jpg) 12px 11px no-repeat #2E96E1;}
.accordion-inner{ background: #8AAFBF; border-top: none; padding: 10px 15px;}





/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }
#fields{padding-bottom: 20px;} 

#ajax-contact-form .control-group{margin-bottom: 22px;}
#ajax-contact-form .control-label{display: none;}
#ajax-contact-form .controls{margin-left: 0;}
#ajax-contact-form input, #ajax-contact-form textarea{ border: 1px solid #c4bdab; color: #4b3e33; padding-top: 10px; padding-bottom: 10px; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -moz-box-shadow: inset  0px 3px 20px 3px  #e2dfd1; -webkit-box-shadow: inset  0px 3px 20px 3px  #e2dfd1; box-shadow: inset  0px 3px 20px 3px  #e2dfd1;}
#ajax-contact-form input:focus, #ajax-contact-form textarea:focus{border-color:#8e8878; }
#ajax-contact-form textarea{height: 124px;}
#ajax-contact-form .control-group.capthca{margin-bottom: 0px;}
#ajax-contact-form .capthca input{width: 136px; float: left; margin-right: 20px;margin-bottom: 10px;}
#ajax-contact-form img{float:left; width:130px; height:42px;margin-bottom: 10px;}
#ajax-contact-form .submit{border: 0; margin: 0; display: inline-block;height: 33px; line-height:33px;  text-decoration: none;font-size:18px; font-family:'Felipa'; font-weight: 400; color:#fff; white-space:nowrap; letter-spacing:0px; background:#29586D; padding:0px 20px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;
}
#ajax-contact-form .submit em{display: none;}
#ajax-contact-form .submit:hover{ color:#321f0e; background: #6899AF;}

/*================= Disc tests =========================*/


/*----- media queries ------*/
/* Large desktop */
@media (min-width: 1200px) {
	#main{max-width: 1284px; }
	#inner{max-width: 1230px; }
	.pr1{padding-right: 30px;}
	#ajax-contact-form textarea{width: 326px;}
	
}
/* Default landscape and desktop to large desktop */
@media (max-width: 1199px) {
	
}
@media (min-width: 980px) and (max-width: 1199px) {
	#ajax-contact-form textarea{width: 266px;}
	
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) {	
	.phone1{font-size: 18px;}
	.menu_bot{display: none;}
	#toTop{display: inline-block;}	
	
}
@media (min-width: 768px) and (max-width: 979px) {
	#main{max-width: 838px; }
	#inner{max-width: 784px; }
	#search-form input { width: 390px;}
	.nav-collapse_.collapse{height: auto!important; overflow: visible!important;}
	.navbar_ .btn-navbar{display: none;}
	.navbar_ .nav > li > a{font-size: 14px;}
	#ajax-contact-form textarea{width: 194px;}

	
	
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {	
	body{padding-left: 0; padding-right: 0;}
	.container{padding: 0 20px;}
	.top1{float: none; text-align: center;}
	.top2{float: none; text-align: center; padding-right: 0;}
	.navbar_ {float: none;}
	.navbar_ .nav{display: block; background: #27406b;}
	.navbar_ .nav > li{float: none; padding-right: 0; background: none; border-bottom: 1px solid #31759C;}
	.navbar_ .nav > li.active > a, .navbar_ .nav > li.active > a:hover, .navbar_ .nav > li.active > a:focus, .navbar_ .nav > li > a:hover, .navbar_ .nav > li > a:focus, .navbar_ .nav > li.sfHover > a, .navbar_ .nav > li.sfHover > a:hover{background: #1f4c94;}
	.sub-menu ul{position: relative; left: 0; top: 0;}
	.pr1{padding-right: 0;}
	.vl1{background: none;}
		
}
@media (min-width: 481px) and (max-width: 767px) {
	#main{max-width: 534px; }
	#inner{max-width: 480px; }
	
}
/* Landscape phones and down */
@media (max-width: 480px) {
	#main{max-width: 374px; }
	#inner{max-width: 320px; }
	#toTop{display: inline-block; float: none;}
	#search-form{display: none;}
	.logo img{width: 100%;}

	.thumb2 figure{float: none; margin-right: 0;}
	.page_title .txt1{font-size: 25px;}

	.page-404 .txt1{font-size: 150px; line-height: 150px;}
	.page-404 .txt2{font-size: 50px; line-height: 50px;}
	
}
.pruebas-d-p { background: rgba(149, 153, 156, 0.08);}
.pruebas-d-p2 { margin:0 auto; padding:0 30px; width:910px; color:#919191; font-size:11px;}


.planes-d-p { background: #818080;}
.planes-d-p2 { margin:0 auto; padding:0 30px; width:910px; color:#919191; font-size:11px;}

/*- Creado por hrmanager.com -*/
#content {
padding-top: 2px;
}
.container_24 {
position: relative;
margin: 0 auto;
padding: 0;
}
.container_24 .grid_6 {
width: 208px;
float: left;
margin-left: 23px;
}
.block_1 {
position: relative;
display: inline-block;
width: 100%;
background: #bebcbd;
padding-bottom: 6px;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0 2px 6px rgba(0,0,0,.5);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.5);
box-shadow: 0 2px 6px rgba(0,0,0,.5);
border-top: 1px solid #fff;
margin-bottom: 30px;
}
.block_1_bg {
position: relative;
display: inline-block;
background: #eaeaea;
width: 100%;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
/* padding-top: 11px; */
padding: 11px 2%;
}
.bg_1 {
background: #15a4d3 url('../images/b1_bg.jpg') 0 0 no-repeat;
}
.contenedorPrivilegios {
min-height: 400px;
color: black;
overflow: hidden;
}
.price {
position: relative;
display: block;
padding: 16px 10px 8px 30px;
}
.size_1 {
font: 600 34px/34px 'Open Sans', sans-serif;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
padding: 6px;
}
.descripcionLista {
color: gray;
}
h4:hover {
color: #428bca;
}
.contenedorPrivilegios a h4 {
color: black;
padding-left: 20px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
margin-top: 20px;
}
.list_1 li {
display: block;
padding: 0 0 0 25px;
min-height: 20px;
margin: 0 0 7px;
}
.titulo2 {
font-size: 30px;
padding: 2px;
}
.bg_2 {
background: #2b981b url('../images/b2_bg.jpg') 0 0 no-repeat;
}
.bg_3 {
background: #f79301 url('../images/b3_bg.jpg') 0 0 no-repeat;
}
.bg_4 {
background: #de1442 url('../images/b4_bg.jpg') 0 0 no-repeat;
}
.size_1 span {
position: relative;
display: inline-block;
font-size: 16px;
padding-left: 8px;
} 
.container_24 .grid_8 {
width: 286px;
float: left;
margin-left: 23px;
}
.block_2 {
position: relative;
display: block;
background: #eaeaea;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
-moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
box-shadow: 0 2px 6px rgba(0,0,0,.2);
border-top: 1px solid #fff;
margin-bottom: 30px;
padding: 13px 18px 25px;
}
.block_2 h4 {
margin-bottom: 14px;
color: #333333;
font-size: 1.9em;
margin: 0 0 .8em;
}
.block_2 hr {
border: none;
height: 1px;
color: #cbcaca;
background-color: #cbcaca;
margin: 0 0 18px;
margin-left: -18px;
margin-right: -18px;
}
.list_2, .list_3 {
font-size: 15px;
font-weight: 600;
position: relative;
overflow: hidden;
margin: -2px 0 0;
color: #2e2e2e;
width: 100%;
}
.list_2 li, .list_3 li {
position: relative;
display: block;
padding: 0 0 0 23px;
min-height: 20px;
margin: 0 0 9px;
list-style: disc;
}
.list_2 a, .list_3 a {
color: #2e2e2e;
text-decoration: none;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
font-weight: bold;
}
.block_2 hr {
border: none;
height: 1px;
color: #cbcaca;
background-color: #cbcaca;
margin: 0 0 18px;
margin-left: -18px;
margin-right: -18px;
}
.txt_col_2 {
color: #15a4d4;
}
.txt_col_3 {
color: #2d9c1c;
}
.txt_col_1 {
color: #e01744;
}
.list_4.listaConDescripcion li a {
color: #e01744;
font-weight: bold;
font-size: 15px;
margin: 0 0 .8em;
} 
.container_24{
float:left;
}
.grid_6 {
width: 275px;
float: left;
margin-left: 23px;
}
.sf-menu2 {
margin-bottom: 0;
font-size: 12px;
font-weight: 600;
margin-top: 14px;
}
.sf-menu2 li {
background: ;
white-space: nowrap;
-webkit-transition: background .2s;
transition: background .2s;
list-style: none; 
}
.sf-menu2 > li {
float: left;
}
.sf-menu2 li {
position: relative;
}
ul.sf-menu2 li a { 
color: #fff;
}
ul.sf-menu2 li a:hover {
color: #4E9DD6; 
}

.sf-menu2 a { 
padding: 0 0.4em;
text-decoration: none;
zoom: 1;
color: #fff;
display: block;
position: relative;
}
.ver{ display: none; } 
.stand-out{
background: #0088cc;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-moz-box-shadow: 0 2px 6px rgba(0,0,0,.2);
-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.2);
box-shadow: 0 2px 6px rgba(0,0,0,.2);
border-top: 1px solid #fff;
margin-bottom: 10px;
margin: 41px;
padding: 3px;
color:white;
}
#wrapper { width: 640px; margin: 0 auto; padding: 30px 45px; }

#inline { display: none; width: 600px; }



.txtarea { 
display: block; 
resize: none;
color: #676767;
font-family: Arial, Tahoma, sans-serif; 
margin-bottom: 10px; 
width: 500px; 
height: 150px;
border: 1px dotted #ccc;
padding: 5px 9px; 
font-size: 1.2em;
line-height: 1.4em;
}

.txt:focus, .txtarea:focus { border-style: solid; border-color: #bababa; color: #444; }

input.error, textarea.error { border-color: #973d3d; border-style: solid; background: #f0bebe; color: #a35959; }
input.error:focus, textarea.error:focus { border-color: #973d3d; color: #a35959; }

#send { 
color: #dee5f0;
display: block;
cursor: pointer;
padding: 5px 11px;
font-size: 1.2em;
border: solid 1px #224983;
border-radius: 5px;
background: #1e4c99; 
background: -webkit-gradient(linear, left top, left bottom, from(#2f52b7), to(#0e3a7d)); 
background: -moz-linear-gradient(top, #2f52b7, #0e3a7d); 
background: -webkit-linear-gradient(top, #2f52b7, #0e3a7d);
background: -o-linear-gradient(top, #2f52b7, #0e3a7d);
background: -ms-linear-gradient(top, #2f52b7, #0e3a7d);
background: linear-gradient(top, #2f52b7, #0e3a7d);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#send:hover {
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#send:active {
color: #8c9dc0; 
background: -webkit-gradient(linear, left top, left bottom, from(#0e387d), to(#2f55b7)); 
background: -moz-linear-gradient(top,  #0e387d,  #2f55b7);
background: -webkit-linear-gradient(top, #0e387d, #2f55b7);
background: -o-linear-gradient(top, #0e387d, #2f55b7);
background: -ms-linear-gradient(top, #0e387d, #2f55b7);
background: linear-gradient(top, #0e387d, #2f55b7);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e387d', endColorstr='#2f55b7');
}
#contact-me { 
float: left;
color: #dee5f0;
display: block;
cursor: pointer;
margin-right: 9px;
padding: 3px 6px;
font-size: 1em;
border: solid 1px #451818;
border-radius: 5px;
/* IE10 Consumer Preview */ 
background-image: -ms-radial-gradient(center, ellipse farthest-corner, #451818 0%, #D41E1E 100%);
/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse farthest-corner, #451818 0%, #D41E1E 100%);
/* Opera */ 
background-image: -o-radial-gradient(center, ellipse farthest-corner, #451818 0%, #D41E1E 100%);
/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 505, color-stop(0, #451818), color-stop(1, #D41E1E));
/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse farthest-corner, #451818 0%, #D41E1E 100%);
/* W3C Markup, IE10 Release Preview */ 
background-image: radial-gradient(ellipse farthest-corner at center, #451818 0%, #D41E1E 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f52b7', endColorstr='#0e3a7d'); 
}
#contact-me :hover { 
background: #183d80; 
background: -webkit-gradient(linear, left top, left bottom, from(#284f9d), to(#0c2b6b)); 
background: -moz-linear-gradient(top,  #284f9d, #0c2b6b); 
background: -webkit-linear-gradient(top, #284f9d, #0c2b6b);
background: -o-linear-gradient(top, #284f9d, #0c2b6b);
background: -ms-linear-gradient(top, #284f9d, #0c2b6b);
background: linear-gradient(top, #284f9d, #0c2b6b);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#284f9d', endColorstr='#0c2b6b');
}
#selectors{
height: 100px;
overflow: auto;
width: 100px;
border: 1px solid #000;
list-style-type: none;
margin: 0;
padding: 0;
overflow-x: hidden;
}
intp#work_areas1 {
color:black;
}
#deshacer{
position: absolute;
display: none;  
top: 42px;
list-style: none;
zoom: 1;
z-index: 109;
margin: 0;
padding: 8px;
background: #241b18;
text-align: left;
} 
.sub-menu li #deshacer {
float: left; 
display: block;
position: relative;
font-weight: 400;
font-size: 16px;
width: 100%;
line-height: 20px;
color: #ece1d7;
text-decoration: none;
padding: 6px 9px 6px 0px;
transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
height: 385px; 
}
.sub-menu li #deshacer a {
float: left; 
padding: 6px 10px 6px 20px;
font-size: 11px;
}   
.bot5 {
height: 20px;
background: #12364A;
position: relative;
z-index: 1;
text-align: center;
}
.span8 .img_faqs img{
float:left;
margin: 15px;
}
.clear{
clear: both;
}
.tcycle img {
vertical-align: middle;
width: 100%;
}
.tcycle {
margin-right: 12px;
}


/*Este es el estilo para la ventana emergente*/
#ventanaPopup1Fondo{
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#ventanaPopup1{
display:none;
position:fixed;
_position:absolute; /* caso especial para IE 6*/
height:auto;
width:85%;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
background-image: url(../images/banner-landing.png); 
background-size: 100% 100%;
}
#ventanaPopup1Cerrar{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
.pop-div ul li a{
color: rgb(214, 18, 6);
font-size: 15px;
 font-weight: bold;
}
.pop-div ul li a:hover{
color: rgb(85, 155, 161);
}

@media only screen 
and (min-width : 1824px) {
  
	.pop-div2{
		width: 41%;
		float: left;
	}
	.pop-div{
		width: 25%;
		float: left;
		margin-left: 38px;
	}
}

@media (min-width : 1224px) {
	.pop-div2{
		width: 41%;
		float: left;
	}
	.pop-div{
		width: 25%;
		float: left;
		margin-left: 38px;
	}
}
@media (min-width : 680px) {
	.pop-div2{
		width: 41%;
		float: left;
	}
  
	.pop-div{
		width: 25%;
		float: left;
		margin-left: 38px;
	}
  
} 