/*
Theme Name: The Agency
Theme URI: http://themeforest.net/user/LayeredPixels
Description: Modern, clean and professional WordPress theme and <a href="http://www.racktheme.com" target="_blank">RackTheme</a>.
Author: Layered Pixels & <a href="http://www.racktheme.com" target="_blank">RackTheme</a>
Version: 1.2.2
*/

/*	-------------------------------------------------------------
 
	THE AGENCY - BY LAYERED PIXELS
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Nom:style.css
	Version:1.0
	Date:April 15, 2011
 
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/LayeredPixels/portfolio
	Copyright © 2011 Layered Pixels <info@layeredpixels.com>
 
-------------------------------------------------------------	*/

/* 
  style.css contains a reset, font normalization and some base styles.
  
  credit is left where credit is due.
  additionally, much inspiration was taken from these projects:
    yui.yahooapis.com/2.8.1/build/base/base.css
    camendesign.com/design/
    praegnanz.de/weblog/htmlcssjs-kickstart
*/

/* 
  html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark
  html5doctor.com/html-5-reset-stylesheet/
*/

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, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  

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

nav ul { list-style:none; }

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

blockquote {
	display: block;
	padding: 30px 30px 30px 30px;
	width: auto; }

blockquote p {
	font-size:1.9em;
	line-height:130%;
	font-style:italic;
	color:#999; }

blockquote:before, blockquote:after {
	color: #ccc;
	display: block;
	font-size: 700%;
	width: 50px; }

blockquote:before {
	content: open-quote;
	height: 0;
	margin-left: -0.55em; }

blockquote:after {
	content: close-quote;
	height: 0;
	margin-top: -20px;
	margin-left: 650px; }

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

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

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

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */

/*
fonts.css from the YUI Library: developer.yahoo.com/yui/
          Please refer to developer.yahoo.com/yui/fonts/ for font sizing percentages

There are three custom edits:
 * remove arial, helvetica from explicit font stack
 * make the line-height relative and unit-less
 * remove the pre, code styles
*/
body { 
	*font-size:small; 
	*font:x-small; 
	line-height:1.50; }

table { font-size:inherit; font:100%; }

select, input, textarea { font:99% sans-serif; }

/* normalize monospace sizing 
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp { font-family: monospace, sans-serif; }
 
/* 
 * minimal base styles 
 */

/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#444; }

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
 
/* www.aestheticallyloyal.com/public/optimize-legibility/ */ 
h1,h2,h3,h4,h5,h6 { text-rendering: optimizeLegibility; }

/* maxvoltar.com/archive/-webkit-font-smoothing */
html { -webkit-font-smoothing: antialiased; }
 
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a { color:#000; text-decoration:none; }
a:hover { color:#999; }

small { font-size:85%; }
strong, th { font-weight: bold; font-weight:700 !important; }

td, td img { vertical-align:top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

pre { 
  padding: 0px; 
  
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #444; color:#fff; text-shadow: none; }
::selection { background:#444; color:#fff; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; } 

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

*:focus {outline:0;}

/* 
 * Non-semantic helper classes 
 */

/* for image replacement */
.ir { display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display:none; visibility:hidden; } 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { 
	position:absolute !important;    
  	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  	clip: rect(1px, 1px, 1px, 1px); }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
		
		/*	-------------------------------------------------------------
 
	THE AGENCY - BY LAYERED PIXELS
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	Description:Base cascading style sheet
	Nom:screen.css
	Version:1.1
	Date:April 27, 2011
 
	This file is part of a site template for sale at ThemeForest.net.
	See: http://themeforest.net/user/LayeredPixels/portfolio
	Copyright © 2011 Layered Pixels <info@layeredpixels.com>
 
-------------------------------------------------------------	*/

* {
	margin: 0;
	padding: 0;
	border: none;
	}
	
body {
	font-size:62.5%;
	line-height:1.7em;
  	color: #666;
	background: #033c7c url("../images/pattern-3.png") repeat}

	body.home, body.page-template-projects-php {
		background: #033c7c url("../images/pattern-3.png") repeat; }
p, a, label, div, span, object, iframe,
			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, input, textarea,
			table, caption, tbody, tfoot, thead, tr, th, td { font-family: 'Source Sans Pro', 'Helvetica Neue', 'Lucida Grande', sans-serif; }p, a, label, form, table { font-size: 15px; } a:hover { text-decoration: underline; }h1, h2, h3, h4, h5, h6, div.nivo-caption p, h1 span, h3.title span, h3 a, h4 a { font-family: 'Source Sans Pro', 'Helvetica Neue', 'Lucida Grande', sans-serif !important; } h1 { font-size: 30px; } h2 {font-size: 26px;  } h3 { font-size: 17px; } h4 { font-size: 16px; } h5 { font-size: 15px; } h6 { font-size: 12px; } h1, h2, h3, h4, h5, h6 { font-weight: 400 !important; }
		
/*	-------------------------------------------------------------
	MISC
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div#socios ul {

list-style:none; 
margin: 0;
padding: 0;
}

div#socios ul li a {

font-size: 17px;
}

div#socios ul li.area {

font-size: 14px;
font-weight: 700 !important;
}


/* anchors, buttons */
a.square, input[type=submit] {
	background:#ccc;
	color:#666;
	padding:3px 0 0 0;
	font-size:9px;
	display:block;
	width:65px;
	text-align:center;
	margin:8px 0 0 0;
	text-transform:uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
	text-shadow:0 1px 0 #fff;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #bcbbbb;  }

	a.square:hover, input[type=submit]:hover {
		background:#000;
		color:#fff;
		text-shadow:none;
		text-decoration:none;
		border-bottom:1px solid #fff;
		border-right:1px solid #fff; }

a.dash {
	display:block;
	color:#000;
	font-size:9px;
	text-transform:uppercase; }

	a.dash:before {
		content:'— '; }

	a.dash:hover {
		color:#444;
		text-decoration:none; }
	
.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }

.fix { 
	display: inline-block; } 
	
* html .fix { 
	height: 1%; }
	
.fix { 
	display: block; }

/* columns */
.one-half, .one-third, .two-thirds,
.one-fourth, .three-fourths, .one-fifth,
.two-fifths, .three-fifths, .four-fifths,
.one-sixth, .five-sixths { float: left; margin: 0 4% 0 0; }
.one { width: 100%; float: left; }
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-thirds { width: 64.33%; }
.one-fourth { width: 22%; }
.three-fourths { width: 70%; }
.one-fifth { width: 16.8%; }
.two-fifths { width: 37.6%; }
.three-fifths { width: 58.4%; }
.four-fifths { width: 79.2%; }
.one-sixth { width: 13.33%; }
.five-sixths { width: 82.67%; }
.last { margin-right: 0 !important; }

.three-fourths { text-align:justify; padding-right:10px;}



.fl {
	float:left; }

.fr {
	float:right; }

/* Listing */
ul.list {
	margin:15px 0 0 0;
	padding:0;
	list-style:none; }
	
	ul.list li.phone {
		margin:10px 0 0 0;
		padding:0 0 0 24px;
		background:transparent url("../images/phone.png") no-repeat 0 2px; }

	ul.list li.mail {
		margin:0;
		padding:0 0 0 24px;
		background:transparent url("../images/mail.png") no-repeat 0 4px; }
				
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p {
	line-height: 18px;
  font-size: 15px;
	font-weight:400 !important;
	margin-bottom:1.2em; }

h2, h3, h4, h5, h6 {
	color: #000;
    display: block;
    margin: 0 0 15px 0; 
	font-weight:400 !important;}

	h3.title {
		color: #000;
	    display: block;
		font-weight:400 !important;
	    height: 43px;
	    line-height: 43px;
	    margin: 0 0 5px 0;
		background:transparent url("../images/line_horiz.gif") repeat-x 0 23px; }

		h3.title span {
		    background: #fff;
		    padding-right: 15px; }

			h3.title span.fr {
				padding-right:0;
			    padding-left: 15px; }

			h3.title span a {
			    color: #999;
			    margin-left: 5px; }

				div.navigation h3.title a span {
				    color: #999;
				    margin: 0; }

					div.navigation h3.title a:hover span {
					    color: #000; }

				h3.title span a:hover {
				    color: #000; }

				h3.title span a:before {
					content:'— ';
					color:#dbdbdb; }

ul, ol { 
	padding:0 0 0 30px;
	margin:0; }

	ul li, ol li {
		line-height: 20px;
		font-size: 15px;
		font-weight: 400 !important; 
	}
		
	ul li small, ol li small {
		 line-height:0.5em;}	
	
/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	container */
div#container {
	margin:0 auto 20px auto;
	padding:0 0 40px 0;
	width: 1000px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	background:#fff; }

/*	main */
div#main {
	position: relative;
	width:980px;
	padding:0;
	margin:0 auto;
	background:transparent; }

/*	header */
header {
	position:relative;
	width:980px;
	height:150px;
	margin:0 auto; 
	margin-bottom: 30px;}

	div#border {
		background:#0052ab;
		width:980px;
		height:5px;
		float:left; }

/*	logo */
div#logo {
	margin:0 auto;
	min-width: 194px;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	float:left;	}
	
div#buscar {
	margin:0 auto;
	height: 32px;
	margin-right:40px;
	margin-top:75px;
	margin-bottom:10px;
	float:right;	}
	
div#buscar label {
	font-weight:400 !important;
	font-size:1.5em;
	line-height:20px;	
}

div#buscar input[type=submit] {
	background:url("../images/search.png");
	width:32px;
	height:32px;
	border-right: 0px;
	border-bottom: 0px;
	margin-bottom:5px;
	display:inline;
}

	div#logo h1 {
		color:#000;
		font-weight:100 !important;
		font-size:3em;
		line-height:106px;
		font-style:italic;
		letter-spacing:-2px;	}

		div#logo a:hover {
			text-decoration:none; }
		
		div#logo h1 span {
			color:#000;
			font-weight:500;
			font-style:normal;	}

/*Menu */

div#menubar {
	position:relative;
	margin:0 auto;
	width: 980px;
	text-align:center;
	}


/*	top navigation */

#menu4 {
	font-family:Arial,sans-serif;
	font-size:13px;
	background:#303030 url(../images/menu_bg.png) 0 0 repeat-x;
	width:940px;
	height:40px;
	margin:40px auto 0;
	padding:0 20px;
	display:block;
	line-height:1;
	text-align:center;
}

#menu4 h1,#menu4 ul,#menu4 p,#menu4 img{
	margin:0;padding:0;border:0
}

#menu4 h1{
	font-weight:normal
}

#menu4 ul{
	list-style:none
}

#menu4 a{
	text-decoration:none;
	color:#eee;
}

#menu4 .menu-label{font-weight:bold;text-transform:uppercase;letter-spacing:-0.2px;color:#eee}

#menu4 .menu-top > li{float:left;position:relative;text-align:center;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}
#menu4 .menu-top > li:hover{background-color:#0052ab;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}
#menu4 .menu-top .menu-right{float:right}

#menu4 .menu-button{display:block;line-height:40px;padding:0 7px;color:#d0d0d0;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}
#menu4 li:hover .menu-button{color:#fafafa;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}
#menu4 .menu-drop{padding-right:15px}
#menu4 .menu-drop .menu-label{padding-right:20px;background:url(../images/menu4-drop1.png) no-repeat right;-webkit-transition:background .2s;-moz-transition:background .2s;-ms-transition:background .2s;-o-transition:background .2s;transition:background .2s}
#menu4 li:hover .menu-drop .menu-label{background:url(../images/menu4-drop2.png) no-repeat right;-webkit-transition:background .2s;-moz-transition:background .2s;-ms-transition:background .2s;-o-transition:background .2s;transition:background .2s}
#menu4 .menu-dropdown{text-align:left;background-color:#0052ab;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-ms-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;position:absolute;left:-5000px;opacity:0;z-index:100}
#menu4 li:hover .menu-dropdown{left:0;opacity:1;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-ms-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
#menu4 .menu-right:hover .menu-dropdown{left:auto;right:0}
#menu4 .menu-sub{margin:8px 0 -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.1);
box-shadow:0 0px 8px rgba(0,0,0,0.1);}
#menu4 .menu-sub li{white-space:nowrap;-webkit-transition:background-color .1s;-moz-transition:background-color .1s;-ms-transition:background-color .1s;-o-transition:background-color .1s;transition:background-color .1s}
#menu4 .menu-sub li:hover{background:#303030 url(../images/menu4-select.png) no-repeat 10px;-webkit-transition:background-color .2s;-moz-transition:background-color .2s;-ms-transition:background-color .2s;-o-transition:background-color .2s;transition:background-color .2s}
#menu4 .menu-subbutton{display:block;padding:7px 20px;line-height:1.3;color:#fafafa;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}
#menu4 .menu-sub li:hover .menu-subbutton{color:#e0e0e0;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}
#menu4 .menu-desc{font-style:italic;color:#eaeaea;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}
#menu4 .menu-sub li:hover .menu-desc{color:#d0d0d0;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s;transition:color .2s}
#menu4 .menu-row{display:inline-block;zoom:1;*display:inline}
#menu4 .menu-row .menu-sub{margin:0}
#menu4 h1{font-size:2em;color:#e0e0e0}#menu4 p{color:#f0f0f0}#menu4 .emp{font-weight:bold}
#menu4 .quote{font-style:italic}
#menu4 .menu-dropdown3{padding-top:5px;white-space:nowrap}
#menu4 .menu-dropdown3 h1{margin:0 0 5px 15px}
#menu4 .menu-dropdown3 .menu-row{border-right:1px dotted #707070;margin:5px 0}
#menu4 .menu-dropdown3 .menu-row:last-child{border-right:none}
#menu4 .menu-dropdown4{padding-top:5px;white-space:nowrap}
#menu4 .menu-dropdown4 h1{margin:0 0 5px 15px}
#menu4 .menu-dropdown4 .menu-row div{border-right:1px dotted #707070;margin:5px 0 10px 0}
#menu4 .menu-dropdown4 .menu-row:last-child div{border-right:none}
#menu4 .menu-dropdown4 .menu-row div:last-child{margin-bottom:5px}
#menu4 .menu-dropdown6 img{margin-right:5px;vertical-align:middle}
#menu4 .menu-dropdown6 .menu-label{vertical-align:middle}
#menu4 .menu-dropdown6 .menu-subbutton{padding:5px 20px}
#menu4 .menu-dropdown7{padding:10px;width:210px}
#menu4 .menu-dropdown7 p{margin-top:7px}
#menu4 .menu-dropdown7 h1{color:#f0f0f0;padding-bottom:3px;border-bottom:1px solid #e0e0e0}
	
div#menu ul {
	position:absolute;
	top:2px;
	right:0px;
	list-style-type:none;
	float: left;
	padding:0;
	margin:0;
	margin-right:100px;
	background:#000 url("../images/menu_bg.png") repeat-x;}

	div#menu ul li {
		display:inline-block;
		line-height:30px;
		padding:0;
		font-weight:400 !important;
		}

	div#menu ul li a {
		color:#FFFFFF;
		font-weight:400 !important;
		padding:4px 17px;
		font-size:19px;  }

	div#menu ul li.current_page_item a, div#menu ul a:hover  {
		color:#FFF ;
		text-decoration:underline;
		background:#555455 url("../images/bg_bodyhover.png") repeat-x;
		font-weight:400 !important;
		}
		

		div#menu ul li.current_page_item a {
			border-top:none; }

			/* Dropdown Navigation */
			ul.children, ul.sub-menu {
				display:none;
				position:absolute;
				top:33px !important;
				left:-20px;
				z-index:100;
				list-style:none;
				margin:0;
				padding:10px 0 8px !important;
				width: auto;
				min-width:180px;
				max-width:250px;
				-moz-border-radius: 2px;
				-webkit-border-radius: 2px;
				-khtml-border-radius: 2px;
				border-radius: 2px;
				-moz-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
				-webkit-box-shadow: 0 0px 5px rgba(0,0,0,0.1);
				box-shadow:0 0px 5px rgba(0,0,0,0.1);
				background:#000; } 

			ul.children li, ul.sub-menu li {
				display:inline-block;
				width: auto;
				margin:0;
				padding:0 5px !important;
				line-height:150% !important; } 

			ul.children li a, ul.sub-menu li a {
				color:#fff !important;
				padding:0 0 0 0 !important; }

				ul.children li a:hover, ul.sub-menu li a:hover, div#menu ul li.current_page_item a {
					color:#fff !important;
					background-color:#000;}
				
/*	news/updates */
	
div.padding20{
	padding-bottom:20px;
}	

#home-content {
    float: right;
    overflow: hidden;
    position: relative;
    width: 640px; }	
	
#home-news {
    float: right;
    height: 202px;
    overflow: hidden;
    position: relative;
    width: 300px;
	margin-top:20px;
	background:#0954a8;
	margin-right:40px; }
	
#home-news.last {
	    margin-right:0px; }
	
#banner-servicios {
	float: left;
	overflow: hidden;
	position: relative;
	width: 300px;
	height: 404px;
	}

#home-news h5 {
    color: #FFF;
    display: block;
	font-weight:100 !important;
    font-size: 2.5em;
    height: 43px;
    line-height: 43px;
    margin: 5px 0 0 20px;
	text-shadow:1px 1px 0 #000;}

	#home-news ul {
		list-style:none;
		margin:0;
		padding:0;
	    display: block;
	    left: 0;
	    top: 47px;
	    position: absolute; }

	#home-news li {
	    float: left;
	    height: 93px;
	    width: 300px; }
	
	#home-news li p {
	    color: #F2F2F2;
	    display: block;
	    font-size: 15px;
	    height: 93px;
		font-weight:400 !important;
	    line-height: 20px;
	    padding: 0 20px;
	    width: 266px; }

	#home-news li a {
	    color: #FFF;
		text-shadow:1px 1px 0 #000;
		text-decoration:underline;
	 }

	#home-news li a:hover {
	    color: #666666; }

div#home-news .left, #home-news .right {
	background:transparent url("../images/bg_btn_nav.png") no-repeat 0 1px; }
	
#home-news .left {
    background-position: 0 1px;
    cursor: pointer;
    height: 23px;
    left: 20px;
    position: absolute;
    top: 153px;
    width: 23px; }

	#home-news .left:hover {
	    background-position: 0 -21px; }

	#home-news .right {
	    background-position: -23px -22px;
	    cursor: pointer;
	    height: 23px;
	    left: 42px;
	    position: absolute;
	    top: 154px;
	    width: 23px; }

	#home-news .right:hover {
	    background-position: -23px 0px; }

/*	about */
#home-about {
    float: right;
    height: 120px;
	padding: 30px;
    overflow: hidden;
    position: relative;
    width: 580px;
	margin-left:5px;
	background: #8f8f8f; }
	
#home-services {
	    float: right;
		padding: 40px;
	    overflow: hidden;
	    position: relative;
	    width: 560px;}
	
	div#home-about h4 {
		font-size:3em;
		color:#FFF;
		line-height:110%;
		font-weight:200 !important;
		text-align:right;
		text-shadow:1px 1px 0 #000; }

/*	-------------------------------------------------------------
	MAIN CONTENT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.content {
	width:980px;
	float:left;
	padding:0; }

	div#main-content {
		float:left;
		width:630px;
		margin:20px 0 0 0;
		padding:0 0 0 25px; 
		text-align:justify;}

		.sidebar-right div#main-content {
			background:transparent url("../images/line_vert.gif") repeat-y 100% bottom; }

	.full div#main-content {
		float:left;
		width:980px;
		padding:0; }

img.alignleft, p img.alignleft {
	float:left;
	margin:0 20px 20px 0; } 

img.alignright, p img.alignright {
	float:right;
	margin:0 0 20px 20px; }

/*	-------------------------------------------------------------
	NEWS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* recent news */
div.post ul.row {
	list-style:none;
	padding:11px 0 0 0;
	margin:0; }

	div.post ul.row li:nth-child(3n+3) {
		margin-right:0; }

	div.post ul.row li img {
		visibility:hidden; }

	div.post ul.row li h4 a {
		font-size:1.4em;
		line-height:110%; }

	div.post ul.row li img {
		margin:0 0 10px 0; }

div.post div.meta-cat {
	margin:0; }
	
div.post h2{
	line-height:1.5em;
	 }

	div.post div.meta-cat a {
		color:#999;
		text-transform:uppercase; }

		div.post div.meta-cat a:hover {
			color:#000; }

/* single article */
div.head {
 	position:relative;
	margin:15px 0 15px 0;
	padding:0 0 17px 0;
	background:transparent url("../images/line_horiz.gif") repeat-x bottom left; }

	div.head div.meta-cat {
		margin:0 0 8px 0; }

	div.head div.details {
		position:relative;
		padding:3px 0 3px 20px;
		background:transparent url("../images/line_vert.gif") repeat-y 0 0; }

		div.head div.details p {
			line-height:170%;
			margin:0; }

		div.head div.details p.comments {
			padding:0 0 0 18px;
			background:transparent url("../images/icon_comments.png") no-repeat 0 5px; }

/* comments */
div#comments {
	margin:0;
	padding:0; }

	#comments ol {
		list-style:none;
	    margin: 25px 0;
		padding-left: 0; }

		#comments ol li { }

		.comment-info {
		    margin-bottom: 15px;
		    overflow: hidden; }

		.comment-info .avatar {
		    background: #fff;
		    border: 1px solid #ccc;
		    float: left;
		    margin-bottom: 20px;
		    padding: 3px; }

		.comment-info .inner {
			position: relative;
		    background: #fff;
		    border: 1px solid #dbdbdb;
		    float: right;
		    line-height: 22px;
		    padding:20px 20px 5px 20px;
			-moz-border-radius: 3px;
		    -o-border-radius: 3px;
		    -webkit-border-radius: 3px;
			border-radius:3px;
		    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
		    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
		    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
		    width: 570px; }

			#comments ol li ul li {
			    clear: both;
			    float: none !important;
			    padding-left: 40px;
			    width: auto !important; }
			
		#comments ol li ul .inner {
		    width: 530px; }
		
		#comments ol li ul li ul .inner {
		    width: 490px; }
		
		#comments ol li ul li ul li ul .inner {
		    width: 450px; }
		
		#comments ol li ul li ul li ul li ul .inner {
		    width: 410px; }
		
		#comments ol li ul li ul li ul li ul li ul .inner {
		    width: 370px; }	

		#comments .children {
			list-style:none;
			margin:0;
			padding:0; }

		span.author a {
			display:block;
			font-size:14px;
			font-weight: 200;
			line-height:100%; }

		span.date {
			display:block;
			font-size:11px;
			font-weight: 200;
			padding:0 0 5px 0; }
		
		span.reply a {
			position:absolute;
			top:15px;
			right:15px;
			color:#666;
			padding:1px 4px 0 4px;
			margin:0;
			font-size:9px;
			width:auto;
			text-align:center;
			float:right;
			text-transform:uppercase;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			border-radius: 2px;
			text-shadow:0 1px 0 #fff;
			border-bottom:1px solid #c2c2c2;
			border-right:1px solid #bcbbbb;
			background:#ccc }																		

/* slide box */
#slidebox {
    bottom: 0;
    height: 100px;
    padding: 10px 20px;
    position: fixed;
    right: -430px;
    width: 390px;
    border-top: 5px solid #000;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
	background: #fff;
	z-index:5000; }
	
	#slidebox a.close {
	    background: url("../images/icon_close.png") no-repeat scroll left top transparent;
	    cursor: pointer;
	    height: 16px;
	    position: absolute;
	    right: 15px;
	    bottom: 10px;
	    width: 16px; }
			
			#slidebox h3.title { margin-bottom:10px;}

		#slidebox div {
		    margin:0; }

		#slidebox div.more {
			position:absolute; 
			top:26px; 
			right:10px; }

			#slidebox div.more p {
				padding:0 10px; }
				
		#slidebox p { line-height:100%; margin:0 0 5px 0; }
		
		#slidebox p.small, #slidebox p.small a { background:#fff; font-size:11px; }
		#slidebox p.small a { color:#999; }
		#slidebox p.small a:hover { color:#000; }
			
/* comment form */
#commentform label {
    display: block;
	font-weight:200;
	color:#444;
	float:left;
	width: 153px;
    margin-bottom: 10px; }

	#url, #email, #author {
	    width: 300px; }

		#comment_msg {
		    width: 540px;
		 	clear:both;}

	#comment_msg, #url, #email, #author, #s, .wpcf7-form textarea, .wpcf7-form .wpcf7-text {
		padding: 5px 7px;
		line-height:130%;
		border: 1px solid #cdcdcd;
		border-top: 1px solid #8d8d8d;
		border-bottom: 1px solid #ececec;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px; }	

		#commentform .button {
			background:#ccc;
			color:#666;
			padding:5px 4px 3px 5px;
			margin:0 0 10px 0;
			font-size:9px;
			width:auto;
			text-align:center;
			float:right;
			clear:both;
			text-transform:uppercase;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			-khtml-border-radius: 2px;
			border-radius: 2px;
			text-shadow:0 1px 0 #fff;
			border-bottom:1px solid #c2c2c2;
			border-right:1px solid #bcbbbb;  }

			#commentform .button:hover, span.reply a:hover {
				background:#000;
				color:#fff;
				text-shadow:none;
				text-decoration:none;
				border-bottom:1px solid #fff;
				border-right:1px solid #fff; }
				
			#commentform .wp-smiley { float:left;}

/*	-------------------------------------------------------------
	SIDEBAR
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div#sidebar {
	width: 300px; 
	padding: 20px 20px 20px 0; 
	text-align:left; }
	
div#sidebar h3{
		line-height: 1.5em; }

.sidebar-right div#sidebar { 
	float: right; }
	
.sidebar-left div#sidebar { 
	float: left; }

div#sidebar div.sidebar-item ul, div.menu-custom-navigation-container ul {
	margin: -10px 0 0 0;
	padding: 0 0 15px 0; }
	
	div#sidebar div.sidebar-item ul li h3, div.menu-custom-navigation-container ul li h3{
	    background:transparent url("../images/line_horiz.gif") repeat-x 0 23px;
	    display: block;
	    font-size: 12px;
	    line-height: 1.5em;
	    padding: 0; }

	div#sidebar div.sidebar-item ul li, div.menu-custom-navigation-container ul li {
		background:#68696d url("../images/sidebarmenu_bg.png") repeat-x;
	    display: block;
	    font-size: 12px;
	    line-height: 1.5em;
		
	    padding: 0; }

		div#sidebar div.sidebar-item ul li a, div.menu-custom-navigation-container ul li a {
			
		    display: block;
			color:#FFF;
		    padding: 10px;
		    text-decoration: none;
		    text-indent: 5px; }
		
		div#sidebar div.sidebar-item ul li a:hover, div.menu-custom-navigation-container ul li a:hover {
		    color:#cbcbcb; }

/*	-------------------------------------------------------------
	WIDGETS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/*	twitter feeds */
div.tweet {
 	padding:0;
 	margin:0;}

	div.tweet ul.tweet_list {
		list-style:none;
	 	margin:0;
		padding:0; }

		div.tweet ul.tweet_list li {
			border:none !important; }

		div.tweet ul li span {
			font-size:110%;
			line-height:150%; }

			div.tweet ul li a {
				float:none;
				display:inline !important;
				text-indent:none !important;
				padding:0 !important;
				line-height:140%; }

	div.tweet small {
		color:#444;
		margin:10px 0 0 0;
	 	display:block; }

/*	dribbble */
div#dribbble .hcs ul {
    list-style:none;
	float: left;
	padding:0;
	margin:0; }
	
	div#dribbble .hcs li {
	    border: none;
		float:left; }
		
	div#dribbble .hcs img {
    	width: 60px;
    	height: 45px;
	    padding: 1px;
	    border:2px solid #ddd;
		margin-right:10%;
		margin-bottom:6%; }

/* flickr */
div#flickr div.flickr_badge_image {
	width:61px;
	height:61px;
	float:left;
	margin-right:12px;
	margin-bottom:6%; }
	
	div#flickr img {
		width:61px;
		height:61px;
		float:left;
	    padding:1px;
	    border:2px solid #ddd; }

/* counter */
div#counter {
	padding:20px;
	}

	div#counter #rss {
		background:transparent url("../images/feed.gif") no-repeat 0 0; }

	div#counter #twitter {
		background:transparent url("../images/twitter.gif") no-repeat 0 0; }

	div#counter #rss a, div#counter #twitter a {
		float:left;
		font-size:1.2em;
		color:#999;
		padding-left:25px; }

		div#counter #rss a span, div#counter #twitter a span {
			display:block;
			margin:0 0 3px 0;
			font-size:1.5em;
			color:#000;
			}

/* search */
div#search {
    float:left;
    position: relative; }

div#search #input { width: 205px; }

div#search #input {
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius:3px;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08);
    padding: 10px 7px 9px 7px;
    border: 1px solid #dbdbdb;
    color: #444;
    font-style: italic; }

div#search #submit {
    position: absolute;
    top: 2px;
    right: 10px;
    height: 17px;
    width: 17px;
    border: none;
    cursor: pointer;
	background: url("../images/btn_search.png") no-repeat; }

/* calendar */
#calendar_wrap {
	margin:0;
	padding:0; }

#wp-calendar {
    empty-cells: show;
    margin: 0 auto;
    width: 100%; }

	#wp-calendar td a {
		background:#999;
		color:#fff;
		font-weight:bold;
		display: block;
	    text-decoration: none; }

	#wp-calendar caption {
			color:#999;
			text-align:left;
			padding:0 0 5px 0;
			margin:0 0 10px 0;			
			line-height: 1.5em;	}

	#wp-calendar th {
		text-align:center;
		padding:3px 0;
	    font-style: normal;
	    text-transform: capitalize; }

	#wp-calendar #next a {
	    padding-right: 10px;
	    text-align: right; }

	#wp-calendar #prev a {
	    padding-left: 10px;
	    text-align: left; }

	#wp-calendar td {
	    padding: 3px 0;
	    text-align: center; }

/*	-------------------------------------------------------------
	PROJECT PAGE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div.teaser {
    float: left;
    width: 100%;
	margin-top: 10px; 
}

	div.teaser.single {

	 }
		
	div.teaser div.bottom {
	    width: 100%;
	    z-index: 2;
		border-bottom: 5px solid #0954a8; 
	}
	
		div.teaser div.bottom .headline {
		    float: left;
			background:#0954a8;
			width: 100%;
		}


	
		div.teaser div.bottom .headline .pos {
			left: 20px;
			padding:38px 20px; 
			}

		div.teaser div.bottom .headline .pos h1 {
			color:#fff;
			font-size:36px;
			line-height: 33px;
			font-weight:100 !important;
			text-shadow:1px 1px 0 #000; }
	
		div.teaser div.bottom .headline .pos p, div.teaser div.bottom .headline .pos a  {
			color:#ebebeb;
			font-size:14px;
			font-weight:400 !important;
			margin:13px 0 0 0;
			letter-spacing:0; }

			div.teaser div.bottom .headline .pos a  {
				color:#fff; }
	
	div.teaser a.tall {
	    height: 363px;
	    width: 780px; }

	div.teaser div.media {
	    position: absolute;
	    right: 0;
	    top: 0;
	    width: 780px;
	 	height: 363px;
	    background: transparent;
	    overflow: hidden;
	    z-index: 1; }

	div.teaser div.tools {
	    height: 47px;
	    left: 0;
	    overflow: hidden;
	    position: absolute;
	    top: 206px;
	    width: 188px;
		padding:0 15px 0 0;
		z-index:60;
		background: url("../images/bg_stripe.png") repeat 0 0; }
	
		div.teaser div.tools p {
		    float:left;
			color:#666;
			font-weight:200;
		    margin: 13px 0 0 10px;
		 	text-shadow:1px 1px 0 #fff;}

		div.teaser div.tools a.square {
			float:right;
			padding:4px 0 1px 1px;
			font-size:9px;
			width:50px;
			margin:16px 0 0 5px; }

	div.teaser div.navigation {
		position:absolute;
		bottom:0;
		right:0; }


div.details {
	position:relative;
	padding:0 0 0 20px;
	background:transparent url("../images/line_vert.gif") repeat-y 0 0; }

div.details p {
	line-height:130%;
	margin:0 0 10px 0; }

div.details p strong {
	display:block;
	color:#000; }

	div.details p img {
		padding:1px;
		width: 37px;
		height: 37px;
		margin:9px 7px 0 0;
		border:2px solid #ddd; }

div.showcase {
	margin:0 0 10px 0;
	width: 980px; }

	div.showcase ul {
		list-style:none;
		padding:0;
		margin:0; }
		
	div.showcase ul li {
		margin:1px;
		padding:1px;
		line-height: 0; }

		div.one-col ul li {
			width: 980px;
			line-height: 0; }
			
		div.one-col ul li img {
			visibility:hidden;
			width:980px; }

		div.two-col ul li {
			float:left;
			width: 486px;
			line-height: 0; }
			
		div.two-col ul li img {
			visibility:hidden;
			width:486px;
			height:303px; }

	div.showcase ul li a {
		display:block; }
			
div.socialnetwork {
	position:absolute;
	top:0;
	right:0;
	text-align: right; }
	
	div.socialnetwork ul {
		list-style:none;
		margin:0;
		padding:0; }

		div.socialnetwork ul li {
			float:none;
			text-align:right;
			margin:0; }
						
/*	-------------------------------------------------------------
	FEATURED PROJECT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

div#featured-work {
    float: left;
    overflow: hidden;
    position: relative;
	width:100%; }
	
	div#featured-work ul {
		list-style:none;
		padding:0;
		margin:0 0 -25px 0;
		clear: both; 
		float: left; 
		width:980px;}

	div#featured-work ul .offscreen {
		position: absolute; 
		left: -9999em; 
		overflow: hidden; }

	div#featured-work ul li.project {
		float: left;
		margin: 0 40px 40px 0;
		position: relative;
		height: 111px; 
		width: 300px;
		overflow:hidden;
		background:#fff url("../images/loader.gif") no-repeat center center !important; }

	div#featured-work ul li.project:nth-child(3n+3) {
	    margin:0; }

	div#featured-work ul li.project img {
		visibility:hidden;
		float: left;
		position: relative;
		z-index: 0; }

		div#featured-work ul li.project .hover {
			height: 111px; 
			width: 100%;
			z-index: 3;
			position: absolute;
			top: 0; 
			left: 0; }

		div#featured-work ul li.project .hover.offscreen {
			position: absolute; 
			left: -9999em; 
			overflow: hidden; }

		div#featured-work ul li.project .hover .hover-bg {
			height: 111px; 
			width: 100%;
			position: absolute; 
			top: 0; 
			left: 0;
			background:#000; }

		div#featured-work ul li.project .hover.offscreen .hover-bg {
			background: none; }

		div#featured-work ul li.project .hover .hover-content {
			position: absolute;
			top: 0; 
			left: 0;
			z-index: 1;
			height: 111px;
			width: 260px;
			padding:40px 20px;
			text-align:center; }

	div#featured-work ul li.project a.tall {
		width: 300px;
		height:111px; }

	div#featured-work ul li.project h4 {
		color:#fff;
		font-size:18px;
		line-height:100%;
		letter-spacing:0;
		margin:0; }

	div#featured-work ul li.project p.type {
		color:#666;
		margin:0;
		font-size:11px;
		text-transform:uppercase;
		font-weight:500; }	

		.preloader { background:transparent url("../images/loader.gif") no-repeat center center !important;  }

/*	-------------------------------------------------------------
	FORMS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* Contact Form */
#contactform {
	float:left;
	width: 100%;
	margin:0 auto;
	padding:0; }

#contactform label {
	font-weight:200; }

	#contactform label.alert {
		color:#a92d33; }

#contactform .input-div {
	width: 100%; }

#contactform input {
	width: 94%;
	padding: 8px 7px;
	border: 1px solid #cdcdcd;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #ececec;
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; }

#contactform .message-div {
	width: 100%;
	float: left;}

#contactform textarea {
	padding: 5px 7px;
	width:94%;
	line-height:130%;
	border: 1px solid #cdcdcd;
	border-top: 1px solid #8d8d8d;
	border-bottom: 1px solid #ececec;
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px; }

	#contactform input[type=submit] {
		background:#ccc;
		color:#666;
		padding:7px 4px 5px 5px;
		margin:0 0 10px 0;
		font-size:9px;
		width:auto;
		text-align:center;
		float:right;
		clear:both;
		text-transform:uppercase;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		-khtml-border-radius: 2px;
		border-radius: 2px;
		text-shadow:0 1px 0 #fff;
		border-top:none;
		border-bottom:1px solid #c2c2c2;
		border-right:1px solid #bcbbbb;  }

		#contactform input[type=submit]:hover {
			color:#0954a8;
			text-shadow:none;
			text-decoration:none;
			border-bottom:1px solid #fff;
			border-right:1px solid #fff; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
footer { 
	width: 980px;
	margin:0 auto 20px auto;
	text-align:center; }	

	footer p { 
	color: #D8D8D8;
  font-size: 14px; }

	footer a {
		color:#FFF;
		font-size: 14px;
	}

	footer a:hover, footer a:active, footer a:link  {
		color:#18D8CA;
		text-decoration: none;
	}

/*	-------------------------------------------------------------
	CSS3 ICING
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a:hover  { 
	-o-transition-duration: .15s;
	-o-transition-property: color, background-color;
	-webkit-transition-duration: .15s;
	-webkit-transition-property: color, background-color;
	-moz-transition-duration: .15s;
	-moz-transition-property: color, background-color; }


#main-slider {
	margin-bottom: 20px;
}

.slider.no-nav .sssnext,
.slider.no-nav .sssprev {
	display: none;
}

#news-wrapper .sss {
	height: 155px;
}

#news-wrapper p {
	color: #F2F2F2;
	display: block;
	font-size: 15px;
	height: 93px;
	font-weight: 400 !important;
	line-height: 20px;
	padding: 0 20px;
	width: 266px;
}

#news-wrapper a {
	color: #FFF;
	text-shadow: 1px 1px 0 #000;
	text-decoration: underline;
}

#videos-wrapper p {
	color: #F2F2F2;
	display: block;
	font-size: 15px;
	height: 93px;
	font-weight: 400 !important;
	line-height: 20px;
	padding: 0 20px;
	width: 266px;
}

#videos-wrapper a {
	color: #FFF;
	text-shadow: 1px 1px 0 #000;
	text-decoration: underline;
}


#videos-wrapper.slider .sssnext,
#videos-wrapper.slider .sssprev,
#news-wrapper.slider .sssnext,
#news-wrapper.slider .sssprev,
#banner-servicios.slider .sssnext,
#banner-servicios.slider .sssprev {
	opacity: 0;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s;
}

#news-wrapper.slider:hover .sssnext,
#news-wrapper.slider:hover .sssprev,
#videos-wrapper.slider:hover .sssnext,
#videos-wrapper.slider:hover .sssprev,
#banner-servicios.slider:hover .sssnext,
#banner-servicios.slider:hover .sssprev {
	opacity: 1;
}


.banner-small {
	margin-bottom: 20px;
}

ul.sidebar-navigation {
	margin: 0;
	padding: 0;
}

ul.sidebar-navigation li h3{
	background:transparent url("../images/line_horiz.gif") repeat-x 0 23px;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0;
}

ul.sidebar-navigation li {
	background:#68696d url("../images/sidebarmenu_bg.png") repeat-x;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 0;
}

ul.sidebar-navigation li a {
	display: block;
	color:#FFF;
	padding: 10px;
	text-decoration: none;
	text-indent: 5px;
}

ul.sidebar-navigation li a:hover {
	color:#cbcbcb;
}

.forma-contacto input,
.forma-contacto textarea {
	display: block;
	width: 305px;
	font-size: 14px;
	padding: 12px 11px;
	border: 1px solid #697F94;
	margin-bottom: 5px;
}

.forma-contacto input.has-error,
.forma-contacto textarea.has-error {
	
	border: 1px solid #FC1313;
	background-color: #FFF4F4;
}

.forma-contacto button {
	display: block;
	width: 160px;
	font-size: 14px;
	padding: 12px 11px;
	border: 1px solid #033C7C;
	background-color: #063E7C;
	color: #FFF;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}

.forma-contacto button:hover {
	background-color: #072342;
}

ul.lista-socios {
	margin: 0;
	padding: 0;
}

ul.lista-socios li {

	background: #27272a; /* Old browsers */
	background: -moz-linear-gradient(top,  #27272a 0%, #68696d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27272a), color-stop(100%,#68696d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #27272a 0%,#68696d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #27272a 0%,#68696d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #27272a 0%,#68696d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #27272a 0%,#68696d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27272a', endColorstr='#68696d',GradientType=0 ); /* IE6-9 */

	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 10px;
}

ul.lista-socios li a {
	display: block;
	color:#FFF;
	
	text-decoration: none;
}

ul.lista-socios li a:hover {
	color:#cbcbcb;
}

ul.lista-socios .socio-nombre {
	font-size: 16px;
}
ul.lista-socios .socio-cargo {
	font-size: 12px;
}

ul.lista-boletines {
	margin: 0;
	padding: 0;
}

ul.lista-boletines li {

	background: #27272a; /* Old browsers */
	background: -moz-linear-gradient(top,  #27272a 0%, #68696d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27272a), color-stop(100%,#68696d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #27272a 0%,#68696d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #27272a 0%,#68696d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #27272a 0%,#68696d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #27272a 0%,#68696d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27272a', endColorstr='#68696d',GradientType=0 ); /* IE6-9 */

	display: block;
	line-height: 1.5em;
	padding: 10px;
	font-size: 16px;
}

ul.lista-boletines li a {
	display: block;
	color:#FFF;
	
	text-decoration: none;
}

ul.lista-boletines li a:hover {
	color:#cbcbcb;
}

.boletin-single {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DDD;
}


.boletin-single .boletin-titulo {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 10px;
}

.boletin-single .boletin-resumen {
	font-size: 13px;
	  color: #666;
}

.videos-container .video-single .titulo {
	font-size: 24px;
	font-weight: 300;
	margin-bottom: 8px;
	line-height: 24px;
}

.videos-container .video-single {
	float: left;
	margin-right: 30px;
	margin-bottom: 8px;
	width: 470px;
}

.videos-container .video-single:nth-child(even) {
	margin-right: 0;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #337ab7;
  border-color: #337ab7;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.text-center {
	text-align: center;
}

#newsletter-modal {
	display: none;
}

#pgwModal h3 {
	font-size: 26px;
	line-height: 28px;
}

#pgwModal .pm-content {
	padding: 20px;
}

#pgwModal form {
	text-align: center;
}

#pgwModal form input, #pgwModal form label {
	display: block;
	width: 100%;

}

#pgwModal .response {
	text-align: center;
	font-size: 20px;
	margin-bottom: 15px;
}

#pgwModal .response.error {
	color: #F70909;
}


#pgwModal form label {
	font-size: 20px;
	margin-bottom: 15px;
}

#pgwModal form input,
#pgwModal form textarea,
#pgwModal form button {
	display: inline;
  	width: 345px;
	font-size: 14px;
	padding: 12px 11px;
	border: 1px solid #697F94;
	margin-bottom: 5px;
}

#pgwModal form input.has-error,
#pgwModal form textarea.has-error {
	
	border: 1px solid #FC1313;
	background-color: #FFF4F4;
}

#pgwModal form input[type="submit"] {
	display: inline;
	width: 160px;
	font-size: 14px;
	padding: 12px 11px;
	border: 1px solid #033C7C;
	background-color: #063E7C;
	color: #FFF;
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}

#pgwModal form button:hover {
	background-color: #072342;
}

.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 14px;
  text-align: center;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}