html,body,p,div,img,h1,h2,h3,h4,h5,li,ul,ol,dl,dd,dt,form,pagele,td,tr,blockquote,iframe {margin:0px; padding:0px; border:0px;border-collapse:separate; border-spacing:0px;}
* :focus { outline: 0; }
ul {list-style: none;}
/*====GENERAL
========================================*/
.clear {clear: both;}
p { margin-bottom: 12px; text-align:justify; }
body{background:#00336c url(../img/fondo.jpg) repeat-x scroll center top;border-top: 5px solid #1E1E1E;color: #747474; font-family: Arial,sans-serif;font-size: 12px;line-height: 20px;}
h1, h2, h3, h4, h5, h6 {font-family: Bebas, Arial, sans-serif;font-weight: normal;margin-bottom: 5px;}
h1 {font-size: 36px;color: #323232;}
h2 {font-size: 28px;color: #323232;margin-bottom: 8px;}
h3 {color:#323232;font-size: 24px;font-weight: normal;line-height: 24px;}
h4 {color: #4b7bd1; font-size: 18px;font-weight: normal;}
h5 {font-size: 16px;}
h6 {font-size: 14px; letter-spacing: 0.5px; margin-top: 0;}
a { color: #2ABCDF; text-decoration: none;}
a:hover {text-decoration: underline;}
/*====BACKGROUND PATTERNS
=======================================================*/
#bg-patt li a.pattern-1, .pattern-1 #header, .pattern-1 #footer, .pattern-1 .container { background: url(../img/backgrounds/pattern-1.png) repeat #1f1f1f; }
#bg-patt li a.pattern-2, .pattern-2 #footer, .pattern-2 .container{ background: url(../img/backgrounds/pattern-2.jpg) repeat; }
#bg-patt li a.pattern-3, .pattern-3 #header, .pattern-3 #footer, .pattern-3 .container { background: url(../img/backgrounds/pattern-3.png) repeat; }
#bg-patt li a.pattern-4, .pattern-4 #header, .pattern-4 #footer, .pattern-4 .container { background: url(../img/backgrounds/pattern-4.png) repeat; }
#bg-patt li a.pattern-5, .pattern-5 #header, .pattern-5 #footer, .pattern-5 .container { background: url(../img/backgrounds/pattern-5.png) repeat; }
#bg-patt li a.pattern-6, .pattern-6 #header, .pattern-6 #footer, .pattern-6 .container { background: url(../img/backgrounds/pattern-6.jpg) repeat; }
#bg-patt li a.pattern-7, .pattern-7 #header, .pattern-7 #footer, .pattern-7 .container { background: url(../img/backgrounds/pattern-7.jpg) repeat; }
#bg-patt li a.pattern-8, .pattern-8 #header, .pattern-8 #footer, .pattern-8 .container { background: url(../img/backgrounds/pattern-8.png) repeat; }
#bg-patt li a.pattern-9, .pattern-9 #header, .pattern-9 #footer, .pattern-9 .container { background: url(../img/backgrounds/pattern-9.png) repeat; }
#bg-patt li a.pattern-10, .pattern-10 #header, .pattern-10 #footer, .pattern-10 .container { background: url(../img/backgrounds/pattern-10.png) repeat #202020; }
#bg-patt li a.pattern-11, .pattern-11 #header, .pattern-11 #footer, .pattern-11 .container { background: url(../img/backgrounds/pattern-11.jpg) repeat; }
/*====TABLES
=======================================================*/
.botones-rede { width:193px;margin: 0; float:right;}
table { width:100%; text-align: left; border-collapse: collapse;border: 1px solid #e1e1e1; font-size: 12px;}
th { color: #4b7bd1;background: #f2f2f2;text-align: center;}
thead ,th ,tfoot { font-weight: normal;}
th,td,caption { padding: 7px; border-bottom: 1px solid #e1e1e1;text-align: center;}
tr.even td {background: #f2f2f2; }
caption {color: #4b7bd1;border-collapse: collapse;}
/*====MISC
=======================================================*/
/* BUTTON */
.button {background: url(../img/btn-bg.png) repeat -20px 35px #2D86B9;padding: 3px 10px;font-size: 9px;text-transform: uppercase;color: #f7f7f7;display: inline-block;margin-bottom: 15px;text-decoration: none;
border-radius: 6px; -webkit-transition: background-position .2s linear;-moz-transition: background-position .2s linear; -o-transition: background-position .2s linear;-ms-transition: background-position .2s linear;transition: background-position .2s linear;}
.button:hover {text-decoration: none;background-position: -20px 94px;}
/* SEPARATORS */
.separator {background: url(../img/separator.png) repeat;height: 8px;width: 100%;margin-left: auto; margin-right: auto; margin-bottom: 40px;margin-top: 0px;}
#page-headline .separator { width: 930px;}
#content .separator {clear: both;margin-top: 35px;}
/* OTHER */
.subtitle-block {font-family: Bebas, Arial, sans-serif;font-size: 18px; line-height: 22px;color: #a1a1a1;}
.frame, .post-content img { margin-bottom: 15px;padding: 4px;border: 1px solid #d7d7d7;}
.highlight-1, .highlight-2, .highlight-3 {padding: 1px 5px;}
.highlight-1 {color: #f7f7f7;background: #565656;}
.highlight-2 {color: #565656;background: #d1d1d1;}
.highlight-3 {color: #f7f7f7;background: #4b7bd1;}
abbr, acronym { border-bottom: 1px solid #929292; }
del { color:#747474; }
pre,code,tt { font-family: 'lucida console', monospace;color:#a4a4a4;}
pre, code { border: 1px solid #e7e7e7; padding: 15px;background: #f1f1f1;}
ol li { font-size: 12px;}
.video iframe {margin-bottom: 15px;}
.tooltip {display: none;background: #2D86B9;font-size: 11px;padding: 3px 11px;color: #fff;}
/*====BLOCKQUOTES
=======================================================*/
blockquote {background: url(../img/quotes.png) no-repeat;font-size: 13px;font-style: italic;padding-left: 40px;color: #b7b7b7;margin: 20px 0 20px 20px;}
blockquote p {margin-bottom: 0;}
.author {text-align: right;font-size: 12px;font-style: normal; color: #4b7bd1; margin-top: 5px;}
.pull-left {float: left;width: 255px;margin-right: 20px;}
.pull-right {float: right;width: 255px;margin-left: 20px;}
/*====DROPCAPS
=======================================================*/
.dropcap-1 {display: block; float: left;font-size: 36px;line-height: 36px;margin: 2px 8px 0 0;color: #4b7bd1;}
.dropcap-2 {display: block;color: #f7f7f7;font-size: 23px;padding-top: 7px;width: 33px;height: 27px;text-align: center; background: url(../img/box-disc.png) no-repeat;float:left; margin: 4px 8px 0 0;}
/*===UNORDERED LIST STYLES
=======================================================*/
.preview-lists ul, .preview-lists ol {float: left;margin-right: 40px;}
ul.custom-list, ol.custom-list {list-style: none;margin-bottom: 15px;}
ul.custom-list li, ol.custom-list li {margin-bottom: 6px;}
ul.custom-list ul , ol.custom-list ul { margin-bottom: 0;}
ol li {list-style: decimal inside none;}
.check li {background: url(../img/bullets/check.png) no-repeat 0px 3px;padding-left: 20px; }
.crossed li {background: url(../img/bullets/crossed.png) no-repeat 0px 3px; padding-left: 20px; }
.arrows li {background: url(../img/bullets/arrow-light.png) no-repeat 0px 5px;padding-left: 17px;}
.square li {list-style: square inside none;}
.disc li {list-style: disc inside none;}
/*====HEADER
=======================================================*/
#header {margin-bottom: 6px;}
#header-inner {width: 930px;margin: 0 auto; background: url(../img/back-light-1.png) no-repeat left center; padding: 10px 0;}
#title {float: left;}
#logo h1 {font-family: Bebas, Arial, sans-serif;color: #f7f7f7;padding-top: 10px;margin-bottom: 3px;font-size: 30px;text-shadow: 1px 1px 1px #262626;letter-spacing: 1px;font-weight: normal;}
#logo h1 a {color: #f7f7f7;text-decoration: none;}
#logo h1 a:hover {text-decoration: none;}
#logo p {font-size: 10px;text-transform: uppercase;margin-bottom: 0;color: #f7f7f7;}
#logo img { float: left;margin:-25px 0 0 0;}
/*====NAVIGATION
=======================================================*/
#navigation {float: right;margin:2px 0 10px 0;position: relative; z-index: 1200;}
#navigation li {display: block; float: left;position: relative; margin-left: 5px;border-radius: 8px; -webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear;transition: background-color .2s linear;}
#navigation li:hover {background-color: #2abcdf;text-shadow: none;}
#navigation li a {font-family: Bebas, Arial, sans-serif;font-size: 19px;line-height: 1px; color: #f7f7f7; text-decoration: none; padding: 15px 6px; display: inline-block; margin-bottom: 0px; font-stretch:semi-expanded;}
#navigation li a span { font-family: Arial, sans-serif; text-transform: uppercase; font-size: 9px; display: block; line-height: 14px;}
#navigation li .active-nav, #navigation li .active-nav:hover {background-color: #2abcdf;text-shadow: 1px 1px 0px #333;border-radius:8px;}
#navigation li.dropdown {border-bottom-left-radius: 0;}
#navigation li.dropdown .active-nav {border-bottom-left-radius: 0;}
/*====DROPDOWN NAV STYLING
=======================================================*/
#navigation ul {position: absolute; top: -999em;width: 160px; /* left offset of submenus need to match (see below) */ background: #121212;margin-top: 1px;}
#navigation ul li { width: 100%;margin-left: 0; }
#navigation li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}
#navigation a { position: relative;}
#navigation li:hover ul,
#navigation li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99;}
ul#navigation li:hover li ul,
ul#navigation li.sfHover li ul {top: -999em;margin-top: 0;}
ul#navigation li li:hover ul,
ul#navigation li li.sfHover ul {left: 160px; /* match ul width */ top: 0;}
ul#navigation li li:hover li ul,
ul#navigation li li.sfHover li ul { top: -999em;}
ul#navigation li li li:hover ul,
ul#navigation li li li.sfHover ul { left: 160px; /* match ul width */ top: 0;}
#navigation ul li a {color: #f7f7f7;font-size: 17px;line-height: 18px; margin-left: 0; padding: 10px 15px; width: 130px; -webkit-transition: background-color .2s ease-out;-moz-transition: background-color .2s ease-out; -o-transition: background-color .2s ease-out;-ms-transition: background-color .2s ease-out; transition: background-color .2s ease-out;}
#navigation ul li a:hover { background-color: #2abcdf; text-shadow: 1px 1px 0px #333;}
/*====NIVO SLIDER
=======================================================*/
#featured { position: relative;}
#slider-container { width: 930px; height: 395px; margin: 0 auto 10px auto;background: url(../img/slider-container.png) no-repeat center;position: relative; overflow: hidden;}
#slider {position: absolute;width: 912px;height: 359px;overflow: hidden;top: 9px;left: 9px;}
#slider h3 {color: #f7f7f7;font-size: 24px;}
.nivo-caption { border-bottom: 5px solid #2D86B9;}
/*====PIECEMAKER SLIDER
=======================================================*/
#piecemaker-container { width: 930px;margin: 0 auto 40px auto;}
#piecemaker {margin: -8px 0 5px 0;}
/*====ASYNC - CONTENT SLIDER
=======================================================*/
#content-slider {position: relative;margin-bottom: 45px;background: url(../img/world.png) no-repeat center;overflow: hidden;}
#async-slider {list-style: none;}
.slide {width: 930px;margin-right: auto;margin-left: auto; height: 389px;}
#async-slider li h2 {font-size: 50px;line-height: 50px;color: #4b7bd1; text-shadow: 1px 1px 0px #454545;margin-top: 10%;}
#async-slider li h3 {font-size: 24px;line-height: 26px;color: #5b5b5b;}
#async-slider .one-fourth, #async-slider .three-fourth, #async-slider .one-fifth,
#async-slider .two-fifth, #async-slider .three-fifth, #async-slider .four-fifth,
#async-slider .one-third, #async-slider .two-third, #async-slider .one-half,
#async-slider .one-sixth, #async-slider .five-sixth, #async-slider .full-width {float: none;}
.fl-right { float: right !important;}
.fl-left { float: left !important;}
#async-slider .video {margin-top: 10%;}
/*====ASYNC CONTENT SLIDER NAVIGATION
=======================================================*/
#asyncslider_next_prev_nav {margin-top: 0px;top: 0px;}
#asyncslider_next_prev_nav li { width: 42px;height: 42px;display: inline-block;}
#asyncslider_next_prev_nav li a {display: inline-block;width: 42px;height: 42px;text-indent: -9999px;position: absolute;}
#asyncslider_next_prev_nav li.prev a {background: url(../img/slider-nav.png) no-repeat bottom left; left: -72px;}
#asyncslider_next_prev_nav li.next a {background: url(../img/slider-nav.png) no-repeat bottom right;left: 918px;}
#asyncslider_next_prev_nav li.prev a:hover {background-position: top left;cursor: pointer;}
#asyncslider_next_prev_nav li.next a:hover {background-position: top right;cursor: pointer;}
/*====zACCORDION SLIDER
=======================================================*/
#accordion-slider { position: absolute;top: 9px;left: 9px;}
.z-slide {position: relative; height: 360px;overflow:visible !important;}
.description {position: absolute;left: 20px; bottom: 20px;background: #000;color: #fff;opacity: 0.8;filter: alpha(opacity=80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";width: 50%; z-index: 10;padding: 15px 15px 0 15px; border-top-right-radius: 8px; border-bottom-left-radius: 8px;}
.description h3 {color: #f7f7f7;font-size: 24px;margin-bottom: 10px;}
.z-slide img {-moz-box-shadow: 0 0 12px #000;-webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000;}
/*====COLUMNS - GRID
=======================================================*/
#wrapper{width: 930px;background:#FFF;padding:25px;margin: 0 auto;}
#content {width: 610px;padding-bottom: 35px;}
.cont-left {float: left;padding-right: 30px;}
.cont-right {float: right;padding-left: 30px;}
.title-col {width: 200px;padding-right: 20px;margin-right: 20px; margin-top: 40px;margin: 0 20px 25px 0; float: left;}
.title-col h2 { font-size: 34px;line-height: 34px; color: #323232; margin-bottom: 15px;}
.title-col p { color: #929292; margin-bottom: 15px;}
.title-col .button {margin-top: 5px;}
.one-fourth {float: left;width: 210px;margin: 0 30px 25px 0;}
.three-fourth { float: left;width: 690px;margin: 0 30px 25px 0;}
.one-fifth {float: left;width: 162px;margin: 0 30px 25px 0;}
.two-fifth {float: left;width: 354px;margin: 0 30px 25px 0;}
.three-fifth { float: left;width: 546px;margin: 0 30px 25px 0;}
.four-fifth {float: left;width: 738px;margin: 0 30px 25px 0;}
.one-third {float: left;width: 290px;margin: 0 14px 25px 0;}
.vertical-third {float: left;width: 188px;margin: 0 14px 25px 0;}
.two-third {float: left;width: 610px;margin: 0 30px 25px 0;}
.one-half { float: left;margin: 0 30px 10px 0; width: 450px;}
.one-sixth {float: left;margin: 0 30px 25px 0; width: 130px;}
.five-sixth { float: left;margin: 0 30px 25px 0; width: 770px;}
.full-width {padding-bottom: 25px;}
.last { margin-right: 0px !important;}
.column-container { width: 930px; margin: 0 auto 10px auto;}
/*====BOX STYLING
=======================================================*/
.box-title img {float: left;margin-right: 9px; }
.box-title h3 { font-size: 24px;line-height: 24px; padding-bottom: 2px;padding-top: 1px;color: #323232; margin-bottom: 0;}
.box-title h4 { font-size: 18px; color: #8c8c8c; margin-bottom: 5px;}
.box-subtitle { font-size: 10px; line-height: 10px; text-transform: uppercase; display: block; margin-bottom: 15px;}
.img-caption { margin-top: 10px;}
.img-caption h4 {font-family: Arial, sans-serif; font-size: 11px; color: #323232; margin-bottom: 5px; font-weight: bold; text-transform: uppercase;}
.img-caption p {color: #747474; font-size: 11px;line-height: 15px;}
/*====TAGLINE
=======================================================*/
.container {border-top: 1px solid #fff; border-bottom: 1px solid #fff;-webkit-box-shadow: 0 -5px 0 #1e1e1e, 0 5px 0 #1e1e1e; -moz-box-shadow: 0 -5px 0 #2d86b9, 0 5px 0 #2d86b9; box-shadow: 0 -5px 0 #2d86b9, 0 5px 0 #2d86b9; padding: 20px 0 20px 0; margin-bottom:5px;}
.inner-container { width: 930px; margin: 0 auto;}
.tagline {width: 930px; margin: 0 auto; }
.tagline-text { width: 690px;float: left;margin-right: 30px;}
.tagline-text h2 {color: #f7f7f7;font-size: 32px;text-shadow: 1px 1px 1px #262626;line-height: 32px;}
.tagline-text span {color: #2D86B9;}
.tagline-text p {text-shadow: 1px 1px 1px #262626;color: #f7f7f7; margin-bottom: 0;}
/* TAGLINE BIG BUTTON VER. 1 */
.tagline-btn {width: 210px;float: left;margin-top: -4px;}
.tagline-btn a {background: url(../img/big-button.png) no-repeat center bottom; height: 81px; display: block; text-indent: -9999px; margin-top: 2px;}
.tagline-btn a:hover { background-position: center top;}
/* TAGLINE BIG BUTTON VER. 2 */
.big-btn { display: block; float: right;padding: 14px 20px; background-color: #4b7bd1; border-top-right-radius: 15px; border-bottom-left-radius: 15px;margin-top: 9px;}
.big-btn:hover {text-decoration: none; opacity: 0.9;filter: alpha(opacity=90); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}
.big-btn-text {float: left; display: block;}
.big-btn-text span {display: block;}
.big-btn-text .main {font-family: Bebas, Arial, sans-serif; font-size: 27px;color: #f7f7f7;}
.big-btn-text .sub {font-size: 9px; line-height: 9px;color: #f7f7f7;text-transform: uppercase; margin-top: 4px;}
.big-btn-arrow {background: url(../img/btn-arrow-2.png) center no-repeat;display: block;float: right;height: 32px;width: 17px; margin-left: 20px;}
/*===PAGE TITLE
=======================================================*/
#page-headline-inner { width: 930px; margin: 0 auto; overflow: hidden; height: 1%;}
#page-headline h2 { color: #323232; font-size: 38px; margin-bottom: 8px; line-height: 30px;}
#page-headline p { color: #929292; font-size: 11px;margin-bottom: 0px; font-style: italic; line-height: 11px;}
#page-title {float: left;padding: 0px 0px 12px 0px; }
.breadcrumbs { font-size: 11px;text-transform: uppercase;float: right;margin-top: 14px;}
.breadcrumbs span { font-weight: bold; margin-right: 5px;}
/*====SIDEBAR
=======================================================*/
#sidebar { width: 260px;overflow: hidden;padding-top: 3px;}
.sidebar-box {margin-bottom: 40px;}
#sidebar h3 {font-size: 20px;color: #f7f7f7; line-height: 15px;padding: 10px;border-left: 4px solid #2ABCDF; background: #001f34;border-top-right-radius: 8px; border-bottom-left-radius: 8px;}
.sb-right { float: left;margin-left: 30px;}
.sb-left { float: right; margin-right: 30px;}
#sidebar .separator {margin-bottom: 30px;}
#sidebar .video iframe {margin-bottom: 0px;}
#content .separator-line { margin-top: 30px;}
#wrapper img.left { float: left;margin-right: 15px; margin-bottom: 0;}
#wrapper img.right {float: right; margin-left: 15px; margin-bottom: 0;}
.sidebar-menu { list-style: none;margin-bottom: 30px;}
.sidebar-menu li {padding-top: 8px;padding-bottom: 8px;border-bottom: 1px solid #e7e7e7;}
.sidebar-menu li a {color: #747474;}
.sidebar-menu li a:hover {color: #4b7bd1; text-decoration: none;}
.text-widget {padding-bottom: 15px;}
/*====SIDEBAR MENU BULLETS
=================================================*/
#sidebar .check li {background-position: 0px 10px;}
#sidebar .crossed li {background-position: 0px 12px;}
#sidebar .arrows li {background-position: 0px 13px;}
/*====SIDEBAR SEARCH BOX
================================================*/
#search-box {width: 204px; float: left; height: 31px; padding: 0 8px; color: #a1a1a1; background-color: #f7f7f7; border: 1px solid #d7d7d7; font-family: inherit;font-size: inherit;}
#search-button {font-family: Bebas, Arial, sans-serif; background-color: #4b7bd1; width: 34px;height: 33px;border: none;margin-left: 4px;cursor: pointer;color: #f7f7f7; font-size: 20px;line-height: 20px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear;transition: background-color .2s linear;}
#search-button:hover {background-color: #323232;}
/*====THE TEAM
=======================================================*/
#team { width: 640px;margin-top: 45px;}
.member { float: left;margin-right: 30px; width: 128px;}
.member-img {width: 118px;height: 118px;margin-bottom: 15px;border: 5px solid #f7f7f7;-moz-box-shadow: 0 0 5px #888;-webkit-box-shadow: 0 0 3px #aaa;box-shadow: 0 0 3px #aaa;background: #e5e5e5;-webkit-transition: background-color .3s linear;-moz-transition: background-color .3s linear; -o-transition: background-color .3s linear; -ms-transition: background-color .3s linear;transition: background-color .3s linear;position: relative; }
.member-img:hover { background-color: #4b7bd1; cursor: pointer;}
.member img {position: absolute; bottom: 0; border: none;margin: 0; padding: 0;}
.member h4 {font-size: 20px;color: #323232; margin-bottom: 0;}
.member span { color: #4b7bd1; font-size: 11px;text-transform: uppercase;display: block; margin-bottom: 5px;}
.member p {margin-bottom: 0;}
/*====TABS
=======================================================*/
.tabs { margin-bottom: 30px;}
.tab-nav {list-style: none; padding: 5px 0 6px 0; border-bottom: 1px solid #d7d7d7;}
#sidebar .tab-nav { margin-top: 24px;}
.tab-nav li {display: inline;}
.tab-nav li a { color: #747474;font-size: 11px;margin-right: 3px;border-top: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;padding: 9px 7px;}
.tab-nav li a:hover {text-decoration: none; color: #4b7bd1;}
.tab-nav li .current { color: #4b7bd1; border-bottom: 1px solid #f7f7f7;}
.tab-panels {padding: 10px 10px 0;border-left: 1px solid #d7d7d7; border-right: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;}
/*====ADS
=======================================================*/
.advertisment {width: 268px;overflow: hidden;}
.ads {list-style: none;}
.ads li {float: left;margin-right: 9px;margin-bottom: 9px; width: 125px;height: 125px;}
/*====NEWS
=======================================================*/
.news h4 {font-family: Arial, sans-serif; font-size: 13px;color: #323232; font-weight: bold; margin-bottom: 0px;}
.news-section { margin-bottom: 30px;}
.news-section .button { margin-bottom: 0;}
.news-meta {margin-bottom: 5px; display: block;}
.news-title { margin-bottom: 15px;}
.news-title h3 {margin-bottom: 3px;}
.news-title h3 a {color: #323232;}
.news-title h3 a:hover {text-decoration: none;color: #4b7bd1;}
/*====PORTFOLIO
=======================================================*/
#portfolio-content {width: 960px;overflow: hidden;padding-bottom: 35px;}
/*====PORTFOLIO - TYPE 1 - GALLERY (OVERLAY)
=======================================================*/
.gallery-thumbs .one-fourth, .gallery-thumbs .one-third, .gallery-thumbs .one-half {margin-bottom: 30px;}
.gallery-thumbs li, .gallery-thumbs-caption li, preview {position: relative; overflow: hidden;}
.gallery-thumbs-caption {overflow: hidden;height: 1%;}
.gallery-overlay { display: block; border: 1px solid #d5d5d5;padding: 4px;}
.item { margin-bottom: 15px;}
div.gallery-thumbs div.item:last-child {margin-bottom: 5px;}
.item-details h3 { font-size: 24px;}
.one-half .gallery-overlay a {width: 440px;height: 176px;}
.one-third .gallery-overlay a { width: 280px;height: 160px;}
.one-fourth .gallery-overlay a {width: 200px;height: 122px;}
.two-third .gallery-overlay a { width: 600px;height: 220px;}
.gallery-overlay a {display: block;}
.one-half .gallery-overlay .play {background: url(../img/portfolio/gallery/overlay/play-2.jpg) no-repeat center;}
.one-half .gallery-overlay .zoom {background: url(../img/portfolio/gallery/overlay/zoom-2.jpg) no-repeat center;}
.one-half .gallery-overlay .link {background: url(../img/portfolio/gallery/overlay/link-2.jpg) no-repeat center;}
.one-third .gallery-overlay .play { background: url(../img/portfolio/gallery/overlay/play-3.jpg) no-repeat center;}
.one-third .gallery-overlay .zoom { background: url(../img/portfolio/gallery/overlay/zoom-3.jpg) no-repeat center;}
.one-third .gallery-overlay .link { background: url(../img/portfolio/gallery/overlay/link-3.jpg) no-repeat center;}
.one-fourth .gallery-overlay .play {background: url(../img/portfolio/gallery/overlay/play-4.jpg) no-repeat center;}
.one-fourth .gallery-overlay .zoom {background: url(../img/portfolio/gallery/overlay/zoom-4.jpg) no-repeat center;}
.one-fourth .gallery-overlay .link {background: url(../img/portfolio/gallery/overlay/link-4.jpg) no-repeat center;}
.two-third .gallery-overlay .play { background: url(../img/portfolio/gallery/overlay/play-1.jpg) no-repeat center;}
.two-third .gallery-overlay .zoom { background: url(../img/portfolio/gallery/overlay/zoom-1.jpg) no-repeat center;}
.two-third .gallery-overlay .link { background: url(../img/portfolio/gallery/overlay/link-1.jpg) no-repeat center;}
/*====PORTFOLIO - TYPE - GALLERY (WITH DETAILS)
=======================================================*/
.gallery-thumbs li h3 { margin: 15px 0 10px 0;}
.gallery-thumbs li .button {margin-bottom: 0;}
/*====PORTFOLIO - TYPE 3 - FILTERABLE
=======================================================*/
#filter-container h3 { float:left; margin: 1px 15px 30px 0;}
#filter {float: left;font-size: 12px;margin-left: 0; }
#filter li {float: left;line-height: 16px;margin-right: 10px;}
#filter li.active-filter a{ background: #4b7bd1;}
#filter li a {background: #323232;padding: 4px 12px;font-size: 10px;color: #f7f7f7;display: inline-block; text-transform: uppercase;border-top-right-radius: 6px;border-bottom-left-radius: 6px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;-o-transition: background-color .2s linear; -ms-transition: background-color .2s linear;transition: background-color .2s linear;}
#filter li a:hover {background: #4b7bd1;text-decoration: none;}
/*====PAGE - NAVIGATION
=======================================================*/
#pagination {list-style: none; padding: 10px 0 5px 0;}
#pagination li {display: inline;margin-right: 2px;}
#pagination li a {padding: 3px 10px;font-size: 11px; color: #f7f7f7; background: #323232;display: inline-block;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear;transition: background-color .2s linear;}
#pagination li a:hover {background: #4b7bd1;text-decoration: none;}
#pagination li a.active-nav {background: #4b7bd1;}
/*====BLOG
=======================================================*/
.blog-post {margin-bottom: 30px;width: 610px;}
.post-date {width: 60px;height: 52px; background: url(../img/post-date.png) no-repeat;color: #f7f7f7; font-family: Bebas, Arial, sans-serif;padding-top: 9px; float: left;margin-right: 10px;}
.post-date .day {font-size: 22px;text-align: center; }
.post-date .month { font-size: 16px;text-align: center; letter-spacing: 1px;}
.post-title {float: left;margin-top: 7px;margin-bottom: 4px;}
.post-title h3 {font-size: 24px;line-height: 26px; color: #323232; margin-bottom: 0;}
.post-title h3 a {color: #323232;}
.post-title h3 a:hover {text-decoration: none; color: #4b7bd1;}
.post-metadata span {margin-right: 8px;}
.post-metadata {font-size: 10px;text-transform: uppercase;color: #323232;}
.post-content {clear: both;}
.post-content .button {margin-bottom: 0;}
/*====BLOG COMMENTS
=======================================================*/
.comments-section h3 {font-size: 24px; font-family: Bebas, Arial, sans-serif;color: #a0a0a0; margin-bottom: 30px;}
.comments-section h3 span { color: #323232;}
.comment {padding-bottom: 10px;margin-bottom: 25px;border-bottom: 1px solid #e7e7e7;}
.avatar {float: left;margin-right: 20px;}
.avatar img {border: 1px solid #e1e1e1; padding: 4px;}
.comment-text { float: left;width: 520px; background: #f7f7f7;position: relative;}
.comment-text small {margin-bottom: 10px;display: block;}
.comment-text cite {color: #4b7bd1;}
.comment-reply {position: absolute; top: 0px; right: 0px;}
#comments-form {margin: 30px 0 100px 0; }
.post-author h3 {margin: 0px 0 15px 0;color: #f7f7f7;}
.post-author { background: #323232;padding: 20px 20px 20px 16px;color: #b5b5b5; border-left: 4px solid #4b7bd1; margin: 30px 0 45px 0; border-top-right-radius: 8px;border-bottom-left-radius: 8px; -webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear;transition: background-color .2s linear;}
.post-author:hover { background-color: #232323;}
.post-author strong {font-size: 12px; font-style: italic;}
.post-author .avatar img { border: 1px solid #454545;}
/*====CONTACT
=======================================================*/
#google-map {margin-bottom: 40px;padding: 6px 6px 6px 6px;border: 1px solid #d1d1d1;}
form p {margin-bottom: 0;}
.textbox {color: #747474; width: 430px;margin-bottom: 10px;padding: 8px;background-color: #f7f7f7; border-top: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-bottom: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;font-family: inherit;font-size: inherit;}
label { padding-top: 6px;width: 70px;overflow:hidden;}
#message, #comment {height: 165px;width: 500px;}
#submit, #post-comment {margin-bottom: 15px;cursor: pointer;font-family: inherit;font-size: 11px;padding: 8px 12px; border: none;display: inline-block;}
#submit {margin-bottom: 0px;}
#message-outcome {clear: both;margin-top: 15px;color: #747474;}
/*====SERVICES
=======================================================*/
.services .box-title img {float: right; margin-right: 0;}
.services p {float: left;margin-bottom: 0;}
.services .one-fourth p {width: 168px;}
.services .three-fourth p {width: 648px;}
.services .one-fifth p {width: 120px;}
.services .two-fifth p {width: 312px;}
.services .three-fifth p {width: 504px;}
.services .four-fifth p {width: 696px;}
.services .one-third p {width: 248px;}
.services .two-third p {width: 568px;}
.services .one-half p { width: 408px;}
.services .one-sixth p {width: 88px;}
.services .five-sixth p {width: 728px;}
/*====FOOTER - MAIN STYLES
=======================================================*/
#footer {font-size: 11px; line-height: 16px; margin: 0 auto; border-top: 5px solid #2D86B9;color: #f7f7f7;}
#footer-content {width: 930px;margin: 0 auto; padding-top: 40px; border-bottom: 1px solid #1a1a1a;background: url(../img/back-light-2.png) no-repeat top center; }
#footer-content h4 {font-size: 18px;padding-bottom: 20px;margin-bottom: 0;letter-spacing: 0.5px; color: #f7f7f7; text-shadow: 1px 1px 1px #262626;}
#footer-bottom-content {margin: 0 auto; width: 930px;padding: 8px 0 5px 0;position: relative; border-top: 1px solid #2d86b9; overflow: hidden;height: 1%;}
#footer-logo { float: left;text-shadow: 1px 1px 1px #262626;}
#footer-logo h3 {font-size: 30px;margin-bottom: 4px;}
#footer-logo h3 a { color: #f7f7f7;}
#footer-logo h3 a:hover { text-decoration: none; color: #4b7bd1;}
#footer-logo p {margin-bottom: 0px; font-size: 11px;line-height: 11px; text-transform: uppercase; color: #f7f7f7;}
#footer-logo p span { color: #2ABCDF;}
#copyright {float: right; margin-bottom: 0; padding-top: 11px; font-size: 11px;color: #ddd;text-shadow: 1px 1px 1px #262626;}
#copyright p { margin-bottom: 0;}
.scroll-top {background: url(../img/scroll-top.png) no-repeat;color: #848484; text-align: center; width: 51px;height: 32px;position: absolute; display: block; top: 19px;left: 439px;opacity: 0.6;filter: alpha(opacity=60);-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";text-transform: uppercase;font-size: 10px;padding-top: 19px;}
.scroll-top:hover { text-decoration: none;}
#footer .separator {background: url(../img/separator-footer.png) repeat;}
#footer-content .box-title h3 { color: #f7f7f7; text-shadow: 1px 1px 1px #262626;}
#footer-content .box-title span {color: #f7f7f7;}
/*====FOOTER PORTFOLIO // FLICKR IMAGES
=======================================================*/
.footer-portfolio { overflow: hidden;height: 1%;}
.footer-portfolio .box-title {text-align: center;}
.footer-portfolio ul { margin: 0 auto; width: 950px;overflow: hidden;}
#flickr-images img, .footer-portfolio ul img {width: 65px;height: 65px;float: left;margin-right: 20px; padding: 4px;margin-bottom: 15px; border: 1px solid #3f3f3f;}
#flickr-images img:hover, .footer-portfolio ul img:hover { border: 1px solid #4f4f4f;}
#flickr-images, .footer-portfolio ul { margin: 0 auto; width: 950px;}
#flickr-images ul li, .footer-portfolio ul li { display: inline-block;float: left;}
/*====LATEST BLOG POSTS
=======================================================*/
.latest-blog-posts li { padding: 10px 0;}
#sidebar .latest-blog-posts li {padding: 7px 0;}
.latest-blog-posts li:first-child { padding-top: 0;}
.latest-blog-posts li:last-child, #sidebar .latest-blog-posts li:last-child {padding-bottom: 0;}
.latest-blog-posts li img { padding: 5px;float: left;margin-right: 10px;border: 1px solid #fff;}
#sidebar .latest-blog-posts li img {border: 1px solid #d0d0d0;}
.latest-blog-posts li h5 {margin-bottom: 5px; }
.latest-blog-posts li p {margin-bottom: 0;}
.latest-blog-posts li a {color: #2ABCDF;}
.latest-blog-posts li a:hover { text-decoration: none; color: #f7f7f7;}
#sidebar .latest-blog-posts li a:hover {color: #323232;}
/*====TWITTER
=======================================================*/
.twitter-feed {margin-bottom: 15px;}
ul.tweet_list li {margin-top: 10px;padding: 15px;background: url(../img/twitter.png) no-repeat 94% 90% #1e1e1e;border-top-right-radius: 12px;border-bottom-left-radius: 12px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;-o-transition: background-color .2s linear;-ms-transition: background-color .2s linear;transition: background-color .2s linear;}
ul.tweet_list li:hover {background-color: #161616;}
ul.tweet_list li:last-child {border: none;}
ul.tweet_list li:first-child {margin-top: 0;}
.tweet_text {display: block; margin-bottom: 15px;}
/*====SOCIAL
=======================================================*/
.social-links { list-style: none;/*margin-top: 20px;*/}
.social-links li {cursor: pointer;float: left;margin-right:11px; height: 27px;width: 27px;margin-bottom: 8px;}
.social-links li a {height: 27px;width: 27px;display: block;}
.facebook { background: url(../img/social/facebook.png) no-repeat; }
.facebookcolor { background: url(../img/social/facebook-color.png) no-repeat; }
.blogger { background: url(../img/social/blogger.png) no-repeat; }
.delicious { background: url(../img/social/delicious.png) no-repeat; }
.deviant { background: url(../img/social/deviant.png) no-repeat; }
.digg { background: url(../img/social/digg.png) no-repeat; }
.dribbble { background: url(../img/social/dribbble.png) no-repeat; }
.flickr { background: url(../img/social/flickr.png) no-repeat; }
.flickrcolor { background: url(../img/social/flickr-color.png) no-repeat; }
.google { background: url(../img/social/google.png) no-repeat;}
.googlecolor { background: url(../img/social/google-color.png) no-repeat;}
.forrst { background: url(../img/social/forrst.png) no-repeat;}
.lastfm { background: url(../img/social/lastfm.png) no-repeat; }
.linkedin { background: url(../img/social/linkedin.png) no-repeat; }
.rss { background: url(../img/social/rss.png) no-repeat; }
.skype { background: url(../img/social/skype.png) no-repeat; }
.stumble { background: url(../img/social/stumble.png) no-repeat; }
.technocrati { background: url(../img/social/technocrati.png) no-repeat; }
.tumblr { background: url(../img/social/tumblr.png) no-repeat; }
.twitter { background: url(../img/social/twitter.png) no-repeat; }
.twittercolor { background: url(../img/social/twitter-color.png) no-repeat; }
.vimeo { background: url(../img/social/vimeo.png) no-repeat; }
.yahoo { background: url(../img/social/yahoo.png) no-repeat; }
.youtube { background: url(../img/social/youtube.png) no-repeat; }
.youtubecolor { background: url(../img/social/youtube-color.png) no-repeat; }
/*====TOGGLE PANELS
=======================================================*/
.toggles { margin-bottom: 0px;}
.toggle-header {border-bottom: 1px solid #e7e7e7; padding-bottom: 10px;}
.toggle-container {margin-bottom: 10px;}
.toggle-container h4 {margin-bottom: 0;}
.toggle-content {margin-top: 15px;}
.toggle-header h4 a {color: #8c8c8c;}
.toggle-header h4 a:hover { color: #4b7bd1; text-decoration: none;}
.toggle-header h4 a span {height: 15px;width: 15px;float: left;margin-right: 10px; margin-top: 1px;display: block;}
.tog-open span {background: url(../img/toggle.png) no-repeat top center #4b7bd1;}
.tog-close span {background: url(../img/toggle.png) no-repeat bottom center #4b7bd1;}
/*====PRICING TABLES
=======================================================*/
.pricing-tables .one-half {width: 448px;}
.pricing-tables .one-third {width: 288px;}
.pricing-tables .one-fourth {width: 208px;}
.pricing-tables .one-fifth {width: 160px;}
.pricing-tables .one-sixth {width: 128px;}
/*====TYPE 1
==============================================*/
.pricing-tables {margin-bottom: 15px;}
.pricing-header {text-align: center;}
.pricing-column {border: 1px solid #e0e0e0;}
.pricing-header h3 {color: #323232; font-size: 22px;margin-bottom: 0;padding: 15px 0;border-bottom: 1px solid #f8f8f8;}
.price {color: #4b7bd1; font-size: 24px; margin-bottom: 0;font-family: Bebas, Arial, sans-serif; padding: 15px 0;border-top: 1px solid #e0e0e0; border-bottom: 1px solid #f8f8f8; height: 20px;}
.price span {font-size: 14px;}
.pricing-column ul {clear: both;list-style: none;text-align: center; border-top: 1px solid #e0e0e0;padding-top: 10px;font-size: 10px;text-transform: uppercase;}
.pricing-column ul li { padding: 5px 0;}
.pricing-column {background-color: #f0f0f0;}
.pricing-column ul li.price-button {padding: 20px 0; margin-bottom: 10px;}
.price-button a {font-size: 11px;text-transform: uppercase;color: #f7f7f7; padding: 7px 18px;background: #4b7bd1;border-top-right-radius: 8px;border-bottom-left-radius: 8px;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear;-o-transition: background-color .2s linear; -ms-transition: background-color .2s linear;transition: background-color .2s linear;}
.price-button a:hover { background: #323232;text-decoration: none;}
/*====TYPE 2
==============================================*/
.grouped {width: 181px; float: left;border-right: none; margin-top: 15px;margin-bottom: 25px;}
.grouped .price {color: #b5b5b5;}
.grouped .price-button a {background: #b5b5b5;}
.grouped .price-button a:hover {background: #4b7bd1;text-decoration: none;}
.border {border-right: 1px solid #e0e0e0;}
.best-offer .pricing-header h3, .best-offer .price {padding: 20px 0;}
.best-offer {margin-top: 0px;width: 194px;border: 3px solid #4b7bd1;}
.best-offer .price {color: #4b7bd1;}
.best-offer .price-button a {background: #4b7bd1;}
.best-offer .price-button a:hover { background: #b5b5b5;text-decoration: none;}
/*====INFO BOXES
=======================================================*/
.info-box { padding: 15px 15px 0 15px; margin-bottom: 15px;}
.info-box h4 {font-size: 18px;margin-bottom: 10px;}
.yellow-info {background: #fff6bf;color: #62523a; border: 1px solid #e0d594;}
.yellow-info h4 {color: #62523a;}
.green-info {background: #bbdd8c;color: #404e2e; border: 1px solid #a0c272;}
.green-info h4 {color: #404e2e;}
.red-info {background: #f1d5d6;color: #5f393a; border: 1px solid #f2b1b4;}
.red-info h4 {color: #5f393a;}
.blue-info {background: #c2e1ee;color: #4c6671; border: 1px solid #9fc6d7;}
.blue-info h4 {color: #4c6671;}
.estrategiaf {font-family: Arial;font-size: 9px;font-style: normal;line-height: normal;font-weight: bold;font-variant: normal;text-decoration:none;margin: 0px; float: right; text-align: inherit;height:20px; width:200px;color: #FFFFFF; padding:4px;}
.centr{ width:290px; height: auto; margin:0 auto;}
.izqes{ width: auto; height:20px; float:left; margin:0; padding:0;}
.izqes a{color:#9E9E9E; text-decoration:none;padding:8px 2px 10px 2px;}
.izqes a:hover{color: #FFFFFF; text-decoration:none;}
.imalo{ width:20px; height:20px; margin:-2px 3px 0 3px; float: left;}
.imalo a { width:16px; height:16px; display:block; background:url(../img/social_sprite-ecf.png) 0px 0px no-repeat }
.imalo a.ecf{ width:20px; height:20px; background-position:0px 0px}
.imalo a.ecf:hover{ background-position:0px -20px }
.derech{ width: auto; height:20px; float:left; margin:0; padding:0;}
.derech a{color:#9E9E9E; text-decoration:none;padding:8px 2px 10px 2px;}
.derech a:hover{color: #fff; text-decoration:none;}
.efe{ color:#A8B429;}
form {width: 550px;font-size: 1.0em;color: #fff;margin:10px auto;padding:0}
legend {background:#ccc;padding:10px;font-size:13px;font-weight:bold}
fieldset {border: 1px solid #C0C0C0;padding:10px; border-radius:15px; background:#2ABCDF;}
form legend, form label {color: #001F34;}
fieldset p {padding: 5px 10px 1px; margin:1px; color: #001F34;}
input,textarea{border:1px solid #ccc;padding:5px;width:95%;font-size:12px}
form label.error, label.error {color: #709d00;font-style: italic}
div.error { display: none; }
input:focus,textarea:focus { border: 1px dotted black; }
input.error,textarea.error { border: 1px dotted #709d00; }
form .submit { background:#001F34; color:#fff;width:155px; height:40px; border-radius:15px; padding:2px 0 4px 0; margin:0; }
#mensaje{width:300px;margin:10px auto;text-align:center; color:#9F2432;}
#form h2{font-size: 1.5em;margin: 0 0 1em 0;padding: 0 0 0.5em 0;}
#form .boton {background:#0e2b55; color:#b2b2b2;width:155px; height:40px; border-radius:15px; padding:2px 0 4px 0; margin:0;}
#form .boton:hover {color:#fff;}
#error {border: 1px dashed #fff; background-color: #001F34; padding: 5px;}
#ok {border: 1px dashed #F00; background-color: #001F34; padding: 5px;}
.vinetas-uno{ width:330px; height:auto; float:left;}
.vinetas-dos{ width:310px; height:auto; float: right;}