@import url('base.css');
@import url('grid.css');
@import url('icons.css');
@import url('audio.css');

/*----------------------------------------------------
                 Centita - CSS File
------------------------------------------------------*/
body {
background:#fff;
/*font:14px Georgia, "Times New Roman", Times, serif;*/
font:14px Arial, 'Arial Narrow', Arial, sans-serif;
line-height:24px;
color:#8c8c8c;
margin:0;
padding:0;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
body {letter-spacing:0px;}	
}

x:-o-prefocus, body {letter-spacing:-1px;}	

#content-wrapper {
width:1040px;
background:#fff;
margin:0 auto;
padding:18px 0px;
position:relative;
z-index:0;
clear:both;	
}

.letter{
    letter-spacing: 0;
}
.grey-column {
width:100%;
margin:30px 0px 65px 0px;
padding:30px 80px 25px 80px;
background:#f6f6f6;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
-webkit-box-shadow: inset 0px 3px 0px 0px #ebebeb, inset 0px -3px 0px 0px #ebebeb; 
-moz-box-shadow: inset 0px 3px 0px 0px #ebebeb, inset 0px -3px 0px 0px #ebebeb ;
box-shadow: inset 0px 3px 0px 0px #ebebeb, inset 0px -3px 0px 0px #ebebeb;	
}

.grey-column-bottom {
width:100%;
margin:30px 0px -45px 0px;
padding:30px 80px 25px 80px;
background:#f6f6f6;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
-webkit-box-shadow: inset 0px 3px 0px 0px #ebebeb, inset 0px -3px 0px 0px #ebebeb; 
-moz-box-shadow: inset 0px 3px 0px 0px #ebebeb, inset 0px -3px 0px 0px #ebebeb ;
box-shadow: inset 0px 3px 0px 0px #ebebeb, inset 0px -3px 0px 0px #ebebeb;	
}

.grey-column-bg {
width:100%;
color:#fff !important;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);
margin:30px 0px 50px 0px;
padding:30px 80px 25px 80px;
background:#f6f6f6 url(../images/sample_images/img_sample3.jpg) top center no-repeat;
}

.grey-column-bg h1, .grey-column-bg h2, .grey-column-bg h3, .grey-column-bg h4, .grey-column-bg h5, .grey-column-bg h6 {
font-family:'Arial Narrow', Arial, sans-serifl;
/*font-family:'Raleway', Helvetica, Arial;*/
text-transform:uppercase;
color:#fff !important;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);	
}

.grey-column-bg p.lead {
color:#fff !important;
text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);	
}

.map-column {
width:100%;
margin:30px 0px -45px 0px;
padding-bottom:3px;
background:#f6f6f6;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
-webkit-box-shadow: inset 0px -3px 0px 0px #ebebeb; 
-moz-box-shadow: inset 0px -3px 0px 0px #ebebeb ;
box-shadow: inset 0px -3px 0px 0px #ebebeb;	
}

/***** Header Styling *****/
header {
width:100%;
margin:0 auto;
}

#top-info {
height:87px;
}

.top-search {
/*width:24%;*/
position:relative;
/*top:18px;*/
/*right:20px;*/
float:right; 
}

ul.socials-list  {
margin:11px 0px 0px 0px;
float:right;
}

.socials-list li{
font-size:15px;
margin-right:2px;
display:inline-block;
}

.socials-list li a, .socials-list li a:visited {
color:#4badef;
}

#logo, #logo-der {
width:175px\9;
/*height:40px\9;*/
position:relative;
top:14px;
left:10px;
float:left;
}

#logo img {
/*width:170px;*/
height:100px;
}
#logo-der img {
/*width:160px;*/
height:100px;
}

/***** Mainmenu Styling *****/
.tinynav {display:none;}

#mainmenu-border {
width:100%;
/*height:74px;*/
height:50px;
border-top: 1px solid #A0A0A0;
border-bottom: 1px solid #A0A0A0;
margin-bottom:25px;
padding:1px 0px;
float:left;
}

#mainmenu-wrapper {
height:70px;
/*background:#eaeaea;*/
}

#mainmenu {
width:100%;
margin:13px 0px 0px -28px;
float:left;
}

#mainmenu ul {
font-family:'Arial Narrow', Arial, sans-serif;
font-size:15px;
float:left;
}

#mainmenu ul li {
color:#00A099;
list-style:none;
line-height:20px;
position:relative;
border-right:1px solid #ccc;
margin:0px 2px 0px 2px;
padding: 2px 7px 0px 6px;
float:left;
}

#mainmenu ul li:last-child {
border-right:none;
}

span.desc-menu {
color:#a8a8a8;
padding-bottom:20px;
text-transform:lowercase;
font-family: 'Arial Narrow', Arial, sans-serif;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-size:11px;
position:relative;
}

#mainmenu ul li a, #mainmenu ul li a:visited {
display:block;
color:#00A099;
text-decoration:none;
transition: background 0.3s ease-in-out;
-moz-transition: background 0.3s ease-in-out;
-webkit-transition: background 0.3s ease-in-out;
-o-transitionn: background 0.3s ease-in-out;
-ms-transition: background 0.3s ease-in-out;
}

#mainmenu ul li li a {
display:block;
float:left;
}

#mainmenu ul li a:hover {
color:#2f87aa;
background:#eaeaea;
text-decoration:none;
}

#mainmenu ul li li:hover {
border-bottom:none;
background:none;
}

#mainmenu ul li.selected a {
text-decoration:none;
color:#2f87aa;
}

#mainmenu ul li.dropdown a:hover {
text-decoration:none;
color:#2f87aa;
}

#mainmenu ul li.dropdown ul li a:hover {
border-bottom:1px solid #ddd;
text-decoration:none;
color:#71a0c0;
}

#mainmenu ul li.selected ul li a{
text-decoration:none;
color:#9c9c9c;
}

#mainmenu ul li.selected ul li a:hover{
text-decoration:none;
color:#71a0c0;	
}

#menu li li {
border-right:none;
position:relative;
z-index:100;
line-height:20px!important;
margin:0!important;
padding:0!important;
}

#menu ul {
display:none;
position:absolute;
padding:0px;
top:22px;
/*top:59px;*/
left:-25px;
width:165px;
/*background-color:#f2f2f2;*/
background-color:#FFFFFF;
-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    3px 3px 3px rgba(50, 50, 50, 0.2);
box-shadow:         3px 3px 3px rgba(50, 50, 50, 0.2);
z-index:990;
}

#menu ul ul, #menu ul ul ul {
display:none;
position:absolute;
top:0px;
left:140px;
width:160px;
padding-top:7px;
z-index:999;
}

#menu li ul a,#menu li ul a:visited {
width:165px;
color:#9c9c9c;
font-family: 'Arial Narrow', Arial, sans-serif;
/*font-family: Georgia, "Times New Roman", Times, serif;*/
font-size:14px;
text-transform:capitalize;
line-height:18px;
z-index:190;
text-decoration:none;
padding:9px 18px 10px 18px;
border-bottom:1px solid #ddd;
transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
}

#menu li ul a:hover {
border:none;
padding-left:23px;
}

#menu ul ul li:first-child a {
margin-top:-7px;
}

/***** Page Title and Breadcrumb Stylesheet *****/
#pagetitle-container {
width:1040px;
height:98px;
margin:0 auto;
background:#99cced url(../images/slideshow/bg_sld1.png) center 100px !important;
}

#pagetitle-container h1 {
font-size:58px;
/*font-family:'Raleway', Helvetica, Arial;*/
font-family:'Arial Narrow', Arial, sans-serif;
font-weight:300;
text-transform:uppercase;
color:#fff;
position:relative;
margin:0px 0px -30px 0px;
bottom:-13px;
}

_:-o-prefocus, #pagetitle-container h1 {font-size:57px;}

.pagetitle {
text-align:right;
}

.breadcrumb {
bottom:-42px;
position:relative;
float:left;
}

.breadcrumb ul {
background-color:#fff;
padding:5px 10px 0px 10px;
float:left;	
}

.breadcrumb ul li {
font-size: 10.5px;
/*font-family: "Segoe UI", "helvetica neue", arial, sans-serif;*/
font-family: 'Arial Narrow', Arial, sans-serif;
font-weight: normal;
color:#bbb;
text-transform:uppercase;
padding:0px 0px 0px 4px;
display:inline-block;
}

.breadcrumb ul li:after {
font-family:'Arial Narrow', Arial, sans-serif;
/*font-family:'Raleway', Helvetica, Arial;*/
font-size:9px;
color:#bbb;
content:"\3E";
margin-left:8px;
top:-1px;
position:relative;
}

.breadcrumb ul li:last-child:after {
content:"";
display:inline-block;
}

.breadcrumb ul li.current-page a, .breadcrumb ul li.current-page a:visited {
color: #71A0C0;
text-decoration:none;
}

.breadcrumb ul li a, .breadcrumb ul li a:visited {
color: #bbb;
text-decoration:none;	
}

/***** Slideshow Stylesheet *****/
#slideshow-container {
/*width:960px;*/
height:300px !important;
position:relative;
margin:0px auto;
padding:0px;
clear:both;
}

#camera-slide {
height:300px !important;
}

/***** Extra Stylesheet *****/
#masorny {clear:both;}

.masonry,
.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-ms-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}

.masonry {
-webkit-transition-property: width, height;
-moz-transition-property: width, height;
-ms-transition-property: width, height;
-o-transition-property: width, height;
transition-property: width, height;
}

.masonry .masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-ms-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}

.circle-border {
width:140px;
height:140px;
background:#eaeaea;
padding:35px;
border-radius:500px;
margin:auto;
margin-bottom:18px;
color:#a8a7a7;
}

.column .circle-border {
transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
-ms-transition: all 0.6s ease-in-out 0s;	
}

.column:hover .circle-border {
cursor:default;
background:#489aba;
color:#fff;
}

.circle-border.small {
width:60px;
height:60px;
margin:7px 15px 0 0;
padding:20px;	
}

.circle-border.small i {
font-size:20px;
line-height:16px;	
}

.circle-border p {
font-family: "Segoe UI", "helvetica neue", arial, sans-serif;
font-size:10px;
text-transform:uppercase;
line-height:14px;
}

.circle-border i {
font-size:42px;
line-height:46px;
padding-bottom:10px;
display:inline-block;
}

.flatborder {
border-right:1px solid #ddd;
padding:18px 16px 18px 0px;
margin-right:22px;
top:8px;
position:relative;
float:left;	
}

.flatborder-alt {
padding:0;
margin-right:10px;
top:0px;
/*top:5px;*/
position:relative;
float:left;	
}

.three .flatborder-bottom {
width:55%;
border-bottom:1px solid #ddd;
margin:0px auto 20px auto;
padding:12px 0px 18px 0px;
}

.four .flatborder-bottom {
width:40%;
border-bottom:1px solid #ddd;
margin:0px auto 20px auto;
padding:12px 0px 18px 0px;
}

.flatborder-bottom i {
display:block;
text-align:center;
margin:0 auto;
float:none;
}

ul.client-box {
width:100%;
margin:10px 0px 25px 0px !important;
float:left;
}

ul.client-box li {
width:16.90%;
height:30px;
text-align:center;
margin:0px 0px 16px 0px;
padding:5px 0px 53px 0px;	
display:inline-block;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
float:left;
}

ul.client-box li:first-child {margin-left:-14px;}

ul.client-box li img {
width:130px;
height:48px;
}

ul.client-box li:hover {
}

.text-overflow ul {
margin-left:70px;
overflow:hidden;
}

ul.pricing-payment {
width:100%;
margin:0 -16px 0  -7px;
float:left;
}

ul.pricing-payment li {
width:12.206%;
height:60px;
list-style:none;
margin:0 1px 7px 1px;
filter: alpha(opacity=40);
-moz-opacity:0.4;
-khtml-opacity: 0.4;
opacity: 0.4;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
float:left;
}

ul.pricing-payment li:hover {
filter: alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity: 1;
opacity: 1;	
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
transform:rotate(360deg);
}

ul.pricing-payment li img {
width:103px;
height:58px;
}

.icon-margin {
margin-right:6px;
position:relative;
top:2px;
}

.column .teaser {
margin-bottom:19px;
}

.teaser ul.social-list {
margin-bottom:-9px;	
}

.note .row {margin-bottom:-24px;}
.heading-blue {color:#00A099;}
.small-img {width:65px; height:65px; margin:5px 13px 0px 0px; float:left;}

/* Service hover effect */
.note, .note i, 
.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
transition: all 0.6s ease-in-out 0s;
-moz-transition: all 0.6s ease-in-out 0s;
-webkit-transition: all 0.6s ease-in-out 0s;
-o-transition: all 0.6s ease-in-out 0s;
-ms-transition: all 0.6s ease-in-out 0s;
}

.note:hover {
cursor:default;
background:#00A099;
border:1px solid #00A099;
color:#fff;
}

.note:hover h1, .note:hover h2, .note:hover h3, .note:hover h4, .note:hover h5, .note:hover h6 {
color:#fff;
}

.note:hover i {
-webkit-transform: scale(1.4,1.4) rotate(360deg);
-moz-transform: scale(1.3,1.3) rotate(360deg);
-o-transform: scale(1.3,1.3) rotate(360deg);
-ms-transform: scale(1.3,1.3) rotate(360deg);
transform: scale(1.3,1.3) rotate(360deg);
}

.note.noeffect {
transition: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
}

.note.noeffect:hover {
background:#fafafa;
border:1px solid #ddd;	
color:#8c8c8c;
}

.note.noeffect:hover h1, .note.noeffect:hover h2, .note.noeffect:hover h3, .note.noeffect:hover h4, .note.noeffect:hover h5, .note.noeffect:hover h6 {
color:#565656;
}

.list-line li {
margin-bottom:6px;
padding-bottom:6px;
border-bottom:1px solid #e4e4e4;	
}

.title-line span {
background:#fff;
padding-right:12px;
position:relative;
top:-14px;
}

.title-line {
margin:12px 0px 24px 0px;
background:#e0e0e0;
height:1px;
}

/***** Portfolio Area Stylesheet *****/
#pf-filter ul {
margin-bottom:30px;
padding:0px;
float:left;
}

#pf-filter ul li i {
color:#c4c4c4;
font-size:16px;
margin-right:7px;
top:-4px;
position:relative;
}

#pf-filter ul li {
font-size:11px;
/*font-family: "Segoe UI", "helvetica neue", arial, sans-serif;*/
font-family: 'Arial Narrow', Arial, sans-serif;
text-transform:uppercase;
list-style:none;
display:inline-block;
float:left;
}

#pf-filter ul li:after {
font-size:9px;
color:#bbb;
content:"\2F";
margin-left:2px;
top:-1px;
position:relative;
}

#pf-filter ul li:first-child:after {
content:"";
display:none;	
}

#pf-filter ul li:last-child:after {
content:"";
display:inline-block;
}

#pf-filter ul li a {
padding:0px 10px;
color:#b6b6b6;
text-decoration:none;
}

#pf-filter ul li a:hover {
color:#71A0C0;
text-decoration:none;
}

#pf-filter ul li a:active, #pf-filter ul li a.selected {
color:#71A0C0;
text-decoration:none;
}

.pf-container li h6 {
font-size:16px;
color:#7e7e7e;
text-align:center;
}

.pf-container li h6.subheader {
margin:-2px 0px -25px 0px;
text-align:center;
}

.pf-slide {
height:320px;
margin:10px 0 15px 0 !important;
background:#dcdcdc;
}

.big-lineheight {
margin-top:-7px;
line-height:36px;
}

.pf-note {margin-top:10px !important;}


/***** Blog Area Stylesheet *****/
article {
width:100%;
margin:10px 0 28px 0;
padding-bottom:20px;
float:left;
}

article h4 {
width:92%;
margin:-23px 0 15px 50px;
float:left;
}

article img {
background:#dcdcdc;
margin-bottom:18px;
float:left;
}

article iframe {
background:#dcdcdc;
width:100%;
height:274.9px;
margin-bottom:11px;
}

article a.button {
float:left;	
}

.mejs-container {
width:99.9% !important;
margin:4px 0 13px 0;
float:left;
}

video{
width:100% !important;	
}

.blog-slide {
height:274.9px;
margin-bottom:18px !important;
background:#dcdcdc;
}

.quote-note {
background-image:url(../images/testi-bg.gif);
background-repeat:repeat-y;
border: solid 1px #dbdcde; 
margin: 5px 0 25px 0; 
padding: 21px 20px 23px 20px;
position:relative;
float:left; 
}

.quote-note:after {	
left: 4px;
right: 4px;
bottom: -5px;
box-shadow: 0 0 2px #ddd;
}

.quote-note, .quote-note:before, .quote-note:after {
border: 1px solid #dbdcde;
}

.quote-note:before, .quote-note:after {
content: "";
position: absolute;
bottom: -3px;
left: 3px;
right: 3px;
height: 1px;
border-top: none;
}

.post-type {
width:38px;
height:38px;
margin:-5px 0 -10px 0;
background:#2f87aa;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding-top:6px;
padding-left:11px;
font-size:16px;
color:#fff;
float:left;
}

.post-info {
width:100%;
background: #fafafa; 
border: solid 1px #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size:11px;
/*font-family: "Segoe UI", "helvetica neue", arial, sans-serif;*/
font-family: 'Arial Narrow', Arial, sans-serif;
text-transform:uppercase;
color:#a1a1a1;
margin-top:3px;
padding:3px 0;
float:left;
}

.post-info ul {
width:75%;
margin:5px 0px 0px 16px;
float:left;	
}

.post-info ul li {
margin-right:15px;
display:inline-block;	
}

.post-info ul li a, .post-info ul li a:visited {
color:#b3b3b3;
text-decoration:none;	
}

.post-info ul li a:hover {
color:#2f87aa;
text-decoration:none;	
}

.post-info ul li i {
font-size:11px;
margin-right:5px;
color:#b3b3b3;
position:relative;
top:1px;
}

.post-info a.button {
float:right;
margin:-4px -1px -4px 0px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}

.blog-btn {
font-size: 14px;
letter-spacing: 0px;
padding:8px 15px;
background:#2f87aa;
text-transform:capitalize;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

.blog-btn:hover {background:#68bfe1;}

#search input[type="text"] {
width:100%;
background:none;
padding-right:5px;
float:left;
}

#search button {
background:none;
margin:1px 0px 0px -25px;
padding:3px 0 0 0;
font-size:16px;
float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
#search button {margin:5px 0px 0px -25px;}
}

#search button i {
color:#bfbfbf;	
}

/* Blog Pagination */
.blog-pagination {
width:100%;
margin:0px 0px 30px 0px;
float:left;
}

.pages {
line-height:28px;
clear:left;
}

.blogpages {
margin:8px 0;
}

.pfpages {
margin:-15px 0 12px;
}

.pageof {
font-size:12px;
display:block;
color:#8c8c8c;
float:left;
margin-right:3px;
margin-bottom:3px;
padding:3px 14px 3px 0px;
}

.pages a {
font-size:12px;
display:block;
color:#8c8c8c;
float:left;
background: #fff; 
border: solid 1px #d9d9d9;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-decoration:none;
margin-right:3px;
margin-bottom:3px;
padding:3px 14px;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
}

.pages a:hover, .pages a.current {
color:#fff;
background:#2f87aa;
border:1px solid #2f87aa;
}

/* Sharing Social */
.sharing-box {
width:100%;
float:left;
margin-top:-10px;
padding:0px;
}

.share-facebook {
width:200px;
float:left;
}

.share-social {
width:27.5% !important;
background:#2f87aa;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
margin:-30px -1px -4px 0px;
float:right;
}

.chrome .share-social {width:26.5% !important; margin:-29px -1px -4px 0px;}

x:-o-prefocus, .share-social {width:26.5% !important; margin:-31px -1px -4px 0px;}

_::-ms-reveal, .share-social {margin:-29px -1px -4px 0px;}

:root *> .share-social {margin:-29px -1px -4px 0px;}

.share-social ul.social-list {
width:100%;
margin:0px;	
}

.share-social ul.social-list li {
margin:0px 2px;
padding-bottom:4px;
display:inline-block;
}

.share-social ul.social-list li i {
font-size:14px;
color:#fff !important;
}

/* Comment list */
#comment {
width:100%;
float:left;
padding:5px 0 8px;
}

.comment-text h5 {
margin-bottom:-2px;
}

#comment ol {
list-style-type:none!important;
margin:0;
padding:10px 0 0;
}

#comment ol li ol {
margin:0px 0px 20px 80px;
}

.commentlist li {
position:relative;
list-style:none;
line-height:22px;
list-style-position:outside;
}

.commentlist li small {
font-size:11px;
text-transform:uppercase;
}

.commentlist li p {
margin-top:10px;
}

.avatar {
width:64px;
height:64px;
position:absolute;
background-color:#e7e7e7;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
top:4px;
left:0;
}

.avatar img {
width:64px;
height:64px;
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}

.comment-text {
background-color:#fafafa;
border: solid 1px #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-left:80px;
width:auto;
margin-bottom:10px;
padding:14px 20px 13px 20px;
}

.comment-text h6.subheader {margin-bottom:-12px !important;}
a.reply {float:right; margin-top:-20px;}
a.reply:hover {background:#888888 !important;}

a.reply, a.reply:visited {
padding:1px 9px;
font-size:10px;
color:#fff;
text-decoration:none;
background:#5e5e5e;
transition: background .25s ease-in-out;
-moz-transition: background .25s ease-in-out;
-webkit-transition: background .25s ease-in-out;
position:relative;
top:-20px;
}

/* Comment form */
#commentform-wrap {
width:70%;
margin-top:26px;
float:left;	
}

fieldset {
padding-top:10px;
border:0;
}

form#comment-form label {
font-size:14px;
line-height:29px;
width:37%;
margin-bottom:0px;
float:right;
clear:both;
}

form#comment-form input {
width:60%;
margin-bottom:15px;
float:left;	
}

form#comment-form textarea {
margin-bottom:15px;
overflow:hidden;
float:left;	
}

form#comment-form .buttoncontact {
background:#2f87aa;
}

form#comment-form .buttoncontact:hover {
background:#68bfe1;
}

form#comment-form em {
font-family:Arial, Helvetica, sans-serif;
color:#db4e43;
display:inline;
}

/* Sidebar styling */
aside {
width:100%;
margin:11px 0 19px 0;
padding:0 22px 5px 22px;
/*border:1px solid #d9d9d9;*/
float:left;
}

aside:before {
width:118.2%;
height:4px;
background:#2f87aa;
content:"";
display:block;
margin-left:-23px;
margin-top:-1px;
margin-bottom:12px;
}

aside .note h1, aside .note h2, aside .note h3, aside .note h4, aside .note h5, aside .note h6 {
background:none;
margin-bottom:17px;
padding:0px !important;
color:#71a0c0;	
}

aside .note h1:after, aside .note h2:after, aside .note h3:after, aside .note h4:after, aside .note h5:after, aside .note h6:after {
border:none !important;
margin-left:0px !important;
}

aside .note-folded h1, aside .note-folded h2, aside .note-folded h3, aside .note-folded h4, aside .note-folded h5, aside .note-folded h6 {
background:none;
margin-bottom:17px;
padding:0px !important;
color:#fff;	
}

aside .note-folded h1:after, aside .note-folded h2:after, aside .note-folded h3:after, aside .note-folded h4:after, aside .note-folded h5:after, aside .note-folded h6:after {
border:none !important;
margin-left:0px !important;
}

aside iframe {
width:100%;
height:125px;
margin:7px 0 19px 0;
}

aside .search-fieldset {
padding-top:0px;
}

aside ul.featured li a, aside ul.featured li a:visited {
color:#7f7f7f !important;
text-decoration:none;
}

aside .testi-image {
width:38px\0/;
height:38px\0/;
margin:2px 10px 25px 0px;
background-color:#e7e7e7;
float:left;
}

aside .testi-image img{
width:38px;
height:38px;
float:left;
}

/* Popular List */
ul.popular-list {
width:100% !important;
margin:4px -16px 16px 0px;
padding-left:0px;
float:left;
}

ul.popular-list li p.popular-title {
font-size:14px;
line-height:20px;
margin:0px;
}

ul.popular-list li img {
width:65px;
height:54px;
margin:3px 13px 0 0;
float:left;
}

ul.popular-list li {
width:100% !important;
list-style-type:none;
border-bottom:1px solid #ddd;
margin-bottom:10px;
padding-bottom:10px;
float:left;
}

ul.popular-list li p.comment-count a, ul.popular-list li p.comment-count a:visited {
font-size: 11px;
text-transform: uppercase;
text-decoration:none;
letter-spacing:0;
font-family: 'Arial Narrow', Arial, sans-serif;
/*font-family: "Segoe UI", "helvetica neue", arial, sans-serif;*/
color:#71a0c0;
font-weight: normal;
float:left;
}

ul.popular-list li a,ul.popular-list li a:visited {
color:#9B9DA1;
text-decoration:none;
}

ul.popular-list li a:hover {
color:#c0c0c0;
text-decoration:none;
}

/* Tag Cloud */
.tag-cloud {
font-family: 'Arial Narrow', Arial, sans-serif;
/*font-family: "Segoe UI", "helvetica neue", arial, sans-serif;*/
font-size:12px;
width:100%;
float:left;
margin:7px 0 22px;
}

.tag-cloud a,.tag-cloud a:visited {
display:block;
color:#838383;
background-color:#f2f2f2;
text-decoration:none;
float:left;
margin:0 6px 6px 0;
padding:0px 8px 0px 8px;
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
border:1px solid #d8d8d8;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.tag-cloud a:hover {
display:block;
color:#d4d4d4;
background-color:#5e5e5e;
-webkit-border-top-right-radiu
text-decoration:none;
float:left;
margin:0 6px 6px 0;
padding:0px 8px 0px 8px;
border:1px solid #5e5e5e;
}

.archive-count a, .archive-count a:visited {
display: inline-block;
margin-left:7px;
padding: 2px 4px;
font-size: 11px;
line-height: 14px;
color: #fff !important;
background-color: #bdbdbd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position:relative;
top:-1px;
}


/***** Contact Area Stylesheet *****/
#map {
width:100%;
height:350px;
background:#f6f6f6;
margin:8px 0px 20px 0px;
border-top:4px solid #0e7ac3;
float:left;
}

address i {
font-size:13px;
margin-right:6px;
position:relative;
top:2px;
}

#contact-form-area {
width:100%;
margin:10px 0px 10px 0px;
float:left;	
}

fieldset {
border:0;
}

form#contactform label {
font-size:14px;
line-height:32px;
width:19%;
margin-bottom:0px;
float:left;
clear:both;
}

form#contactform input {
width:50%;
margin:0px 15px 15px 0px;
float:left;	
}

form#contactform textarea {
width:75%;
margin-bottom:15px;
float:left;
overflow:hidden;	
}

form#contactform .buttoncontact {
background:#2f87aa;
}

form#contactform .buttoncontact:hover {
background:#68bfe1;
}

form#contactform em {
/*font-family:Arial, Helvetica, sans-serif;*/
font-family:'Arial Narrow', Arial, sans-serif;
color:#db4e43;
display:inline;
}


form.contactform label {
font-size:14px;
line-height:25px;
width:100%;
/*width:16%;*/
margin-bottom:0px;
/*float:left;*/
clear:both;
}

form.contactform input {
width:55%;
margin:0px 15px 5px 0px;
/*margin:0px 15px 15px 0px;*/
float:left;	
}

form.contactform textarea {
width:75%;
margin-bottom:15px;
float:left;
overflow:hidden;	
}

form.contactform .buttoncontact {
background:#2f87aa;
}

form.contactform .buttoncontact:hover {
background:#68bfe1;
}

form.contactform em {
/*font-family:Arial, Helvetica, sans-serif;*/
font-family:'Arial Narrow', Arial, sans-serif;
color:#db4e43;
display:inline;
}

.loading {
font-size:14px;
height:24px;
background:url(../images/loading_slideshow.gif) 0 0 no-repeat;
margin:5px 0px 0px 10px;
padding:0px 0px 0px 30px;
color:#797979;
float:left;
}

.success-contact {
width:100%;
font-size:14px;
text-align:center;
color:#749958;
background-color:#d8f1c6;
border:1px solid #b3cda1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:0px 1px 2px 0px rgba(0,0,0,.1);  
-moz-box-shadow:0px 1px 2px 0px rgba(0,0,0,.1); 
box-shadow:0px 1px 2px 0px rgba(0,0,0,.1);
clear:both;
display:block;
margin:4px 0 0px 0px;
padding:10px;
}

/***** Footer Styling *****/
footer {
width:1040px;
height:60px;

margin:0 auto -30px auto;
padding:0px;
}

footer .row .eight, footer .row .four {
margin-bottom:0px !important;
}

footer .left-footer {
margin-right:-36px;
padding-top:14px;
border-top:4px solid #eaeaea;
}

footer .right-footer {
padding-top:7px;
border-top:4px solid #2f87aa;
text-align:right;
}

footer .right-footer img {
position:relative;
top:3px;
}

footer p {
font-size:12px;
color:#A0A0A0;
}

footer ul li {
font-size:13px;
}

footer a, footer a:visited {
line-height:24px;
/*color:#A0A0A0 !important;*/
text-decoration:none;
}

/*footer img {margin-top:9px;}*/
.copyright {margin:3px 0px 24px 0px;line-height: 150%;}

/***** Twitter *****/
ul#twitter {
width:100%;
list-style: none;	
}

#twitter li {
margin: 0 0 13px 0;
padding: 0 0 0 10px;
font-style:italic;
}

#twitter li:before {font-family:'entypo-social'; background:none; width:auto; height:auto; font-style:normal; color:#8c8c8c; content:'\26'; font-size:14px; position:relative; margin-left:-15px; top:2px; left:-10px;}

#twitter a {color: #2f87aa;}

#twitter b a,
#twitter b a:hover {
margin-top: 0px;
display: none;
font-size: 11px;
font-style:normal;
text-transform: uppercase;
letter-spacing:0;
font-family: "Segoe UI", "helvetica neue", arial, sans-serif;
color: #2f87aa;
font-weight: normal;
}

.note ul#twitter {
width:103%;
margin:-9px 0px -12px -10px !important;
}

/***** Flickr *****/
ul#flck-thumb { margin:-18px -3px 20px -3px; }
ul#flck-thumb div.no-image { display:none; }
.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs div { width:75px; height:75px; list-style: none; float: left; margin: 0px 5px 10px 5px; }
.thumbs div a { }
.thumbs div img { width:100%; height:100%; display: block; }
.thumbs div a img { border: none; }
#flickr-noscript { display:none; }



#btn-congreso,#btn-datos,#btn-membresia,#btn-pagos,#btn-elecciones {
    width: 356px;
    margin-right: 40px;
    margin-bottom: 30px;
    height: 166px;
    position: relative;
    float: left;
    display: block;
}
#btn-congreso {
    background-image: url(../images/botones/congreso.png);
}
#btn-datos {
    background-image: url(../images/botones/misdatos.png);
}
#btn-membresia {
    background-image: url(../images/botones/membresias.png);
}
#btn-pagos {
    background-image: url(../images/botones/pagos.png);
}
#btn-elecciones {
    background-image: url(../images/botones/elecciones2017.png);
}
#btn-congreso:hover,#btn-datos:hover,#btn-membresia:hover,#btn-pagos:hover, #btn-elecciones:hover {
    background-position: -100% 0%;
}
.check{
    display: block;
    height: 15px;
    width: 15px;
}
form.contactform input.radio{
    width: 15px;
    float: inherit;
    margin-right: 1px;
    margin-left: 12px;
}
form.contactform input.check{
    width: 15px;
    float: inherit;
    margin-right: 5px;
    margin-left: 11px;
    display: initial;
}

/* Mobile Portrait ----------- */
@media only screen and (max-width: 479px) {
    #btn-congreso, #btn-datos, #btn-membresia, #btn-pagos, #btn-elecciones {
        width: 285px;
        height: 133px;
        background-size: 200%, cover;
    }
}

.inciso{
    margin-left: 15px;
}

.red{
    color: red;
}

.button-grey {
/*    background-color: #4CAF50;  */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
    
    background-color: white;
    color: black;
    border: 2px solid #e7e7e7;
}
.button-grey:hover {background-color: #e7e7e7;}