/*------------------------------------------------------------------------

/* ------------------------------- 1. Resets ------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0;  padding: 0; border: 0;  outline: 0;  font-size: 100%;  vertical-align: baseline;  background: transparent; }

body { line-height: 1; }

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { display: block; }

nav ul {list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

input, select { vertical-align: middle; }


/* ------------------------------- 2. Head Styles - Not Important for the Slider. Demo Purpose Only! ------------------------------- */

body { background: #030302 url(../images/bg.jpg) repeat-x top center fixed; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }

header { position:relative; height:33px; padding:0; background: #266871; border-top:10px solid #063250; }
header .container_1{ position:relative; width:100%; height:78px; background:url(../images/bg_header_top.png) top center no-repeat; z-index:600; }
header .container_1 div.center{ position:relative; width:920px; margin:0 auto; }
header .container_1 div.center .col_1{ float:left; padding:5px 8px; margin-top:6px; }
header .container_1 div.center .col_2{ float:right; padding:5px 8px; }
header .container_1 div.center .col_2 a.link{ font-size:11px; color:#FFF; text-decoration:underline; padding:3px 0 3px 28px; background:url(../images/icons/arrow_circle.png) 0 0 no-repeat; }
header .container_1 div.center .col_2 a.link:hover{ color:#fff6c2; }
header .container_1 div.center .col_3{ position:absolute; top:130px; right:0; text-align:right; color:#FFF; background:; }
header .container_1 div.center .col_3 img.l1{ padding-right:6px; border-right:1px solid #CCC; }

section.bar_menu { position:relative; height:60px; padding:0; background: url(../images/bg_black.jpg); border-top:5px solid #00a4ff; }
section.bar_menu .social{ float:right; width:84px; padding:4px 8px; background:#000; font-size:11px; color:#eaebd9; line-height:21px; text-align:center; }
section.bar_menu .social img.icon{ float:left; margin:0 4px; border:0 }
section.bar_menu .social img.line{ float:left; margin:6px 0; }
section.bar_menu .link { float:left; margin-top:10px; }
section.bar_menu .link a img { float:left; border:0; }
section.bar_menu .link a.under { color:#7b7b7b; font-size:11px; text-decoration:underline; clear:both; float:left; }
section.bar_menu .link a.under:hover { color:#c4c4c4; }

nav .nav_menu { width:auto; background:; height:40px; margin:0 auto; }
nav ul.nav_menu { position:absolute; width:676px; height:60px; bottom:85px; left:50%; margin:0; margin-left:-365px; padding:10px 20px; list-style:none; font-family: 'square721_cn_btroman';font-weight:300;font-size: 14px; z-index:999; background: url(../images/bg_menu.png) 0 0 no-repeat; }
nav ul.nav_menu li {float: left;width:110px;margin: 0; padding: 0;text-align: center; margin-right:2px; background:; }
nav ul.nav_menu li.last { border-right:0px solid #2e2f28; }
nav ul.nav_menu li a.active{background-color:; background-image:url(../images/nav-active.png); color:#fbf6f5; } 
nav ul.nav_menu li a { background: url(../images/nav-hover.png) repeat 0 0; }
nav ul.nav_menu li a {display:block; padding: 28px 10px; padding-bottom:44px; margin-top:0; height:100%; color: #fbf6f5; text-decoration: none; text-transform:uppercase; }
nav ul.nav_menu li a:hover, li a:focus, li a:active {background-position: -150px 0; color: #fbf6f5;}

section.slider_block{ position:relative; min-height:445px; background:; }
section.slider_block .container_1{ width:935px; margin:0 auto; }

section.content{ position:relative; min-height:70px; padding:0; background:; }
section.content .container_1{ padding:14px 28px; background:#266871; }
.barct{ position:absolute; top:0; left:0; margin-top:-40px; z-index:200; }
.barct2{ position:absolute; top:0; left:0; margin-top:-10px; z-index:200; }

.container_1{ position: relative; width:882px; margin:0 auto; }

footer { position:relative; height:auto; margin-bottom:40px; clear:both;  }
footer .container_1{ padding:14px 28px; background:#063250; }

footer p{ color:#fcfcf7; font-size:12px; line-height:13px; }
footer .col_1{ float:left; margin-right:90px; }
footer .col_1 p, footer .col_1 p a{ color:#f5d5b4; }
footer .col_1 p span{ font-size:13px; color:#f5d5b4; text-transform:uppercase; font-family: 'square721_cn_btbold', Arial, Helvetica, sans-serif; }
footer .col_2{ float:left; }
footer .col_2 p a{ color:#fcfcf7; }
footer .col_2 p{ text-align:center; }
footer .col_3{ float:right; }
footer .col_3 p a{ color:#ffec9e; }

.box_peShiner{ position:absolute; width:404px; height:110px; left:50%; margin-left:-202px; display:block; z-index:500; background:url(../images/box_logo.png) no-repeat top center; }
.peShiner{ position: absolute; left:0; top:0px; margin:0 0 0 40px; border: 0;} 
.peShiner a{ border: 0; }
#last{ position:absolute; top:300px; }

h1{ font-family: 'square721_cn_btbold', Arial, Helvetica, sans-serif; color: #131c2c; font-size:20px; line-height:20px; font-weight: 300; padding:0; margin: 0 0 16px 0; text-transform:uppercase; }
h2{ font-family: 'square721_cn_btbold'; color: #f8ffca; font-size:28px; line-height:28px; margin: 0 0 20px 0; font-weight:300; text-transform:uppercase; text-decoration: none; }
h3{ font-family: 'square721_cn_btroman'; color: #f8ffca; font-size:20px; line-height:20px; margin: 0 0 20px 0; font-weight:300; text-transform:uppercase; text-decoration: none; }
h4{ font-family: 'square721_cn_btroman', Arial, Helvetica, sans-serif; font-size:12px; line-height: 12px; font-weight:300; text-transform: uppercase; color: #444040; margin:0 0 14px 0; }
h5{ font-family: 'oswald_lightlight', Arial, Helvetica, sans-serif; font-size:23px; line-height: 23px; font-weight: 300; text-transform: uppercase; color: #664f0a; margin:0; }

p, .bullets{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color:#fbfaf8; margin: 0 0 22px 0; text-align:justify;}
p.color1{ color:#2d2f24; }

.bullets{ padding: 0; list-style: none; }
.bullets.yellow{  }
.bullets li{ padding: 0 0 0 22px; background: url(../images/icons/arrow_circle3.png) no-repeat 0 2px;}
.bullets li a{color: #f8ffca; text-decoration: none; margin: 0 0 8px 0;}
.bullets.yellow li{ color:#eba105; }
.bullets li a:hover{color: #c0d412; }
.bullets li a.active{color: #c0d412;}

.bullets.size{ font-size:13px; font-weight:600; }
.bullets.size li{ }

span.gris{ color: #848484; }
span.white{ color: #fff;}
span.black, a.black{ color:#000; font-weight:600; text-transform:uppercase; }
a.black:hover{ color:#272727; }
span.red{ color:#e81417; }
span.celestial, strong.celestial{ color:#0096ff; }
span.cream{ color:#f5ffd1; }
span.cream_dark{ color:#968854; }
span.sub_line{ font-weight:bold; color:#968854; text-decoration:underline; }
span.sub_line2{ color:#fff; text-decoration:underline; }
span.underline{ color: #840015; text-decoration:underline;}

span.icon_ceDetail{ position:relative; float:left; width:100%; height:48px; margin-bottom:8px; }
span.icon_ceDetail.fLeft{ width:58px;}
span.icon_ceDetail.shape1{ background: url(../img/icons/icon_home.png) 0 0 no-repeat; }
span.icon_ceDetail.shape2{ background: url(../img/icons/icon_notice.png) 0 0 no-repeat; }
span.icon_ceDetail.shape3{ background: url(../img/icons/icon_email.png) 0 0 no-repeat; }

.heading1, .heading2{ padding:2px 12px; border-bottom:0 solid #333; margin:0;}
.heading2{ padding:8px 12px 12px 12px; }
.heading3{ padding:0 12px; }

a.white{ color:#fff; text-decoration:underline; }
a.white:hover{ color:#e9e9e9; }
a.gris, a.grisc{ color:#6f6f6f; text-decoration:underline; }
a.gris:hover{ color:#000; }
a.grisc:hover{ color:#f2f2f2; }
a.pink{ color:#ccacae; text-decoration:underline; }
a.pink:hover{ color:#ff9e79; }

a.underline{ color:#20201b; text-decoration: none; }
a.underline:hover{ color:#000; text-decoration:underline; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

a.arrowbox{ position:relative; font-size:11px; color:#000; text-decoration:none; text-transform:none; padding:3px 14px; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
a.arrowbox span{ position:absolute; width:12px; height:12px; left:-6px; top:3px; display:block; background: url(../images/icons/arrow_circle.png) 0 0 no-repeat; }
a.arrowbox:hover{ background:#00b4ff; }

.box_service{ position:relative; height:1px; width:100%; clear:both; /*top:-15px;*/ }
.box_service .left{float:left; margin-top:-78px; width:450px;}
.box_service a img{border:0; float:left; margin-right:1px;}
.box_service .right{float:right; width:468px; height:15px; background:#00aeff; margin-top:-15px;}
.box_service .right.topInner{margin-top:-50px;}
	
.box_1{}
.box_2{}
.box_3{}

.grid_1{ position:relative; float:left; width:244px; padding:15px 14px; background:#bcc2a3; margin-right:29px; }
.grid_1 .arrowbox{ position:absolute; right:0; top:18px; }
.grid_2{ float:left; width:156px; background:#f5f5f1; border:1px dotted #f5f5f1; padding:10px 5px; margin:0 20px 18px 0; }
.grid_2.width2{ width:203px; }
.grid_2:hover{ border:1px dotted #0090ff; }
.grid_2 h2{ font-size:22px; border-bottom:1px dotted #09F; }
.grid_3{}

.column_1{ float:left; width:400px; margin-right:30px; }
.column_2{ float:left; width:450px; margin-right:0; }
.column_3{ float:left; width:170px; }
.column_4{ float:right; width:680px; }
.column_5{  }

#boxlightbox0, #boxlightbox, #boxlightbox2, #boxlightbox3, #boxlightbox4, #boxlightbox5,
#boxlightbox6, #boxlightbox7, #boxlightbox8, #boxlightbox9, #boxlightbox10, #boxlightbox11{ display:none;}

.border0{ border:0;}
.padding0{ padding: 0;}
.padding1{ padding: 35px 0;}
.display{ display: none; }
.space, .space2, .space3, .space4, .space5{ height:185px; width:100%; background:; clear:both; }
.space2{ height:100px;}
.space3{ height:60px;}
.space4{ height:20px;}
.space5{ height:130px;}
.clearboth{ clear: both; }
.linedivider{ width: 100%; height: 10px; background:#999; clear:both; margin-bottom: 30px; }
.linedivider.opact{ background: none;  }

.img{ margin: 0; border: 0;}
.imga{ position:absolute; bottom:36px; left:24px; }
.imgfade, .cursor, .imghover{ cursor: pointer; border:0; }
.imgright{ float: right; margin: 0 0 18px 18px; }
.imgleft{float: left; margin: 0 18px 18px 0; }

/*  Margin, Padding , Float  */
.Fright { float:right;}
.Fleft { float: left;}
.dnone { display: none;}
.acenter { text-align:center; }
.nomargin { margin: 0; }
.nrmargin { margin-right: 0; }
.nbmargin { margin-bottom: 0; }
.margin1 { margin-left:22px; }
.margin2 { margin-bottom:13px; }

.slide_box_info{ float:right; padding:8px 18px; background:#FFF; }
ul.rslides{	position: relative;	list-style: none; overflow: hidden;width: 100%;padding: 0;margin: 0; background:#FFF; }
ul.rslides li{	margin: 0 0 0 0;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

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

ul.rslides{	position: relative;	list-style: none; overflow: hidden;width: 100%;padding: 0;margin: 0; background:#FFF; }
ul.rslides li{	margin: 0 0 0 0;}
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

.gallery a.photo{ float:left; }
.gallery a.photo:hover{ 
z-index:500;
box-shadow: inset 0px 0px 8px 2px #0096FF;

-webkit-box-shadow: 10px 10px 10px rgb(0,150,255);  
-moz-box-shadow: 0 0 10px rgb(0,150,255);  
box-shadow: 0 0 10px rgb(0,150,255);

/* Transition Effect */
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}

/* This rule is read by Galleria to define the gallery height: */
#galleria{height:380px}

/* Style_tabs Horizontal ------------------------------------------------------------*/
ul, ol{	margin: 0;padding:0;}
ul.list li {
list-style-type:none;margin-left:20px;}
ul.tabs {width:;overflow:hidden;font-family: 'square721_cn_btroman', Arial, sans-serif;line-height: 12px;font-size: 14px;color: #585858;  float:right; }
ul.tabs li { clear:both; list-style-type:none; display:block; color:#FFF; text-transform:uppercase; padding: 25px 14px; margin-right:1px; cursor:pointer; background: #3e3e3e url(../images/icons/play.png) 164px 8px no-repeat;border-bottom: 1px solid #161616; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
ul.tabs li:hover {background-color:#00b4ff; color:#fff;}
ul.tabs li.current {color:#000;	background-color: #00b4ff; border-bottom: 1px solid #0062B7; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.tabscontent {padding:0 20px 0 20px; display:none; text-align:justify; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; font-family: Arial, Helvetica, sans-serif; line-height: 14px; font-size: 12px; color: #585858; overflow: hidden;}

/*|-------- DDacordion |--------------------------------------------------------------------------*/
.mypets{ /*header of 1st demo*/
cursor:hand; cursor:pointer; ont-family: 'MyriadProRegular'; color: #191919; font-size: 16px; line-height: 16px; margin:0; font-weight: 300; text-decoration:none; text-transform:none; padding:10px 8px 10px 30px; border-bottom: 1px solid gray; background: url(../img/icons/arrow_right_mini.png) 10px 13px no-repeat; }
.openpet{ /*class added to contents of 1st demo when they are open*/
background-color:;}
.technology{ /*header of 2nd demo*/
cursor: hand;cursor: pointer;font: bold 14px Verdana;margin: 10px 0;}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;}
.thepet{ overflow:hidden; background:#FFF; padding:16px; }

/*|-------- carouFredSel |--------------------------------------------------------------------------*/
.list_carousel {background-color:;margin: 0;/*width:100%;*/}
.list_carousel ul {margin: 0;padding: 0;list-style: none;display: block;}
.list_carousel li {width:89px; height:79px; overflow:hidden; padding:0; margin:0 1px 0 0; display:block; float:left; }
.list_carousel ul.inner2{}
.list_carousel ul.inner2 li{width: 200px; height:auto; background: none repeat scroll 0 0 #F5F5F1; border: 1px dotted #F5F5F1; margin: 0 18px 0 0; padding: 10px 5px; }
.list_carousel ul.inner2 li:hover{border:1px dotted #0090ff; }
.list_carousel.responsive { width: auto; margin-left: 0;}
.timer{background-color:#00b4ff;height: 2px; width: 0px;}
.prev{position:absolute;left:0;top:0;margin-left: 40px;margin-top:40px;background: url(../images/servicios/arrow_prev.png) no-repeat; width:45px; height:44px;}
.next{position:absolute;right:0;top:0;margin-right: 40px;margin-top:40px;background: url(../images/servicios/arrow_next.png) no-repeat; width:45px; height:44px;}
.pager { position:absolute; left:60%; background:; padding:0; bottom:10px; width: 300px;text-align: center; }
.pager a {font-size:10px; margin: 0 0;text-decoration: none; color:#848484; background:#080808; padding:8px; text-decoration:none;}
.pager a.selected, .pager a:hover{text-decoration: underline; background:#00b4ff; color:#0c0c0c; text-decoration:none;-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
.pager a:hover {background:#00b4ff;}

/*|-------- Nav |--------------------------------------------------------------------------*/
.pagerSC {position: relative;float:right;width: 300px;clear: both;height: 10%; background: #4A4A45 url(../../img/icon/bullet.png) right center no-repeat;	margin: 0px;padding: 0;border-bottom: 0px solid #1b0b07;font-size: 0.83em;font-family: Tahoma, Arial, Helvetica, Sans-serif;}
.pagerSC a, .pagerSC span { display: block; float: left; padding: 0.3em 0.5em; margin-right: 2px;text-decoration: none;	background: #;color: #e6e6e6;}
.pagerSC span {	color: #8d8d8d;}
.pagerSC .currentSC {color: #878764;background: #363631;}
.pagerSC a:hover {color: #fff;background: #000;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;	-ms-transition: all 1s ease;transition: all 1s ease;}
.pagertop {	border-top: 0 none;}
.pagerbottomSC {border-bottom: 0 none;}
.pagerSC ul {margin: 0;padding: 0;}
.pagerSC li {margin: 0;	padding: 0;}

/* IMG a.photo -------------------------------------------------------------------------- */
a.manphoto, a.womanphoto, a.photo, a.zoom{position:relative;display:block;line-height:0;font-size:0;display:inline-block; }					  
a.manphoto i, a.womanphoto i, a.photo i, a.zoom i {position:absolute; display:block; left:0; top:0; width:100%; height:100%;}
a.manphoto i {background:url(../images/zoom-bg-man.png) no-repeat center center; left:0px; top:0px;}	
a.womanphoto i {background:url(../images/zoom-bg-woman.png) no-repeat center center; left:0px; top:0px;}	
a.photo i {background:url(../images/zoom-bg.png) no-repeat center center; left:0px; top:0px;}
a.zoom i {background:url(../images/zoom-bg-photo.png) no-repeat center center; left:0px; top:0px;}	

/*|-------- toTop |--------------------------------------------------------------------------*/
#toTop {display:none; text-decoration:none; position:fixed;	bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none;	text-indent:-999px;	background:url(../images/ui.totop.png) no-repeat left top;}
#toTopHover { background:url(../images/ui.totop.png) no-repeat left -51px; width:51px; height:51px; display:block;	overflow:hidden; float:left; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); }
#toTop:active, #toTop:focus { outline:none; }

.contact_left{ float:left; margin-right:20px; background:; }
.contact_right{ float:left; background:; }
.contact_right .captcha{ padding:10px 7px; background:#FFC; -webkit-border-radius:4px; border-radius:4px; }
.contact_right .captcha label{ color:#000; }
/*|-------- FORMS |--------------------------------------------------------------------------*/
label { color:#DFE6B3; font-size:12px; }
small { color:#DFE6B3; font-size:12px; }
small a { color:#f0a400; font-size:12px; }
p.err, div.err ul{ color:#fffedc; font-size:12px; font-weight:bold; background:#ff2e2e; }
label span{	width: 110px;  text-align:left; padding:0; color:#DFE6B3; line-height:12px; font-weight: bold; margin-top: 10px; }
.tmptxt{ width:78px; }
input, select {	display: block;	font-weight: light;	border: 1px solid #CCCCCC; background: #fcfeed; margin-bottom: 10px; margin-right: 0px; padding:10px 12px; color: #3d3d00; width:180px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; }
input.box{ width: 100px; border: 0 solid #09F; }
textarea { display: block; font-weight: light; border: 1px solid #CCCCCC; background: #fcfeed; margin-bottom: 10px; padding: 10px 12px; color: #3d3d00; width:180px; font-family: Verdana, Geneva, sans-serif; font-size: 11px; -webkit-border-radius: 6px; border-radius: 6px; }
input:focus, textarea:focus{ background:#FFF; }
input#submit{ float: left; font-family: Arial, Helvetica, sans-serif; font-stretch:condensed; color:#f3f9bb; border: 0 solid #003957; text-transform: none; font-size: 12px; line-height: 12px; cursor: pointer; width: 80px; padding: 7px 14px; margin-right:3px; text-decoration: none; background: #262222; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}
input#submit:hover{	background:#063250; border:0 solid #003957; color:#fff; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

/* ------------------------------- 3. Slider Styles ------------------------------- */