h3@charset "utf-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Ultra
    Theme URI: http://madza.afloy.com/templates/next/
    Description: Business & Portfolio Theme
    Author: Madars Bitenieks
    Author URI: http://themeforest.net/user/madza
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html

    Version: 1.3
    
    Designed & Handcrafted by Madars Bitenieks for http://themeforest.net/user/madza
    All files, unless otherwise stated, are released under the GNU General Public License
    version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)

-----------------------------------------------------------------------------------

    0.  CSS Reset & Clearfix
    1.  Document Setup (body, common classes, vertical rhythm, structure etc)
    3.  Header Styles
    4.  Typography
    5.  Home Page
    6.  Footer Style
    7.  Blog & Single
    8.  Widgets
    9.  Plugins
    10. Other

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


/*-----------------------------------------------------------------------------------*/
/*  0.  CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { display: inline-block } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------*/
/*  1.  Document Setup (body, common classes, vertical rhythm, structure etc)
/*-----------------------------------------------------------------------------------*/

body { 
    font: 12px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
    background-color: #f0f0f0;
    background-attachment: fixed inherit scroll
    color: #000
}

#all-div {
	background-image: url(images/bg-content.png);
    background-position: center;
    width: 100%;
    height: 100%;
    background-repeat: repeat-y;
}

input,
textarea,
.search-input {
    font: 12px/16px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: whiteSmoke;
	color: #999;
	border: 0px solid rgba(0, 0, 0, 0.08);
}

.search-input{
	padding:8px 5px;
	width: 250px;
	margin-top: 10px;
	
}

.hidden { display: none }

.alignleft,
.float-left { float: left }

.alignright,
.float-right { float: right }

.aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: block;
    clear: both
}

.center { text-align: center }

.clear-left { clear: left; }

.clear-right { clear: right; }

.clear {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    width: 100%
}

.midle {
    margin: 0 auto; 
    width: 960px
}

a, .wpcf7-submit { 
    color: #444;
    text-decoration: none 
}


.footer_widget_midle a, 
.footer_widget_midle div a, 
.footer_widget_midle div div a,
.meta-date-blog, 
.meta-category-blog, 
.meta-author-blog, 
.meta-tags-blog, 
.meta-comment-blog,
.line-breadcrumb-ultra p a,
.line-title-ultra p a,
.comment-author.vcard a,
#title-right-single a div,
.logged-in-as a,
.homepage-blog-post-meta,
.homepage-blog-post-meta a,
.line-title-ultra p,
.line-breadcrumb-ultra p,
.sf-menu span { 
    color: #A1A3A6; 
    text-decoration: none 
}


a:hover,
input:hover,
.menu_categories ul li a:hover, 
#full-page-home div div ul li a:hover, 
.menu_categories ul li ul li a:hover, 
#full-page-home div div ul li ul li a:hover,
.footer_widget_midle a:hover, 
.footer_widget_midle div a:hover, 
.footer_widget_midle div div a:hover,
.meta-date-blog a:hover, 
.meta-category-blog a:hover, 
.meta-author-blog a:hover, 
.meta-tags-blog a:hover, 
.meta-comment-blog a:hover,
.line-breadcrumb-ultra p a:hover,
.line-title-ultra p a:hover,
.comment-author.vcard a:hover,
#title-right-single a div:hover,
.reply a:hover,
.logged-in-as a:hover,
#post-link-button a:hover,
.homepage-blog-post-meta a:hover,
.search-input:hover,
ul#filter a:hover,
.sf-menu li a:hover,
.sf-menu li li a:hover,
.sf-menu li li li a:hover,
.portfolio_link:hover,
.read-more-link:hover, 
.more-link-2 a:hover, 
.more-diva-2 a:hover,
.form-submit input:hover, 
.reply_link a:hover  { 
    color: #fa3500; 
    text-decoration: none 
}


a img { border: none }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 5px;
    margin-bottom: 10px;
    color: #444;
    font-weight: normal;
    padding: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif
}

h1 {
    font-size: 24px;
    line-height: 28px
}

h2 {
    font-size: 20px;
    line-height: 22px
}

h3 {
    font-size: 16px;
    line-height: 20px
}

h4 {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 15px;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-style: italic
}

h5 {
    font-size: 12px;
    line-height: 18px
}

h6 {
    font-size: 10px;
    line-height: 16px
}

p { margin-top:5px }

p,
pre,
ul,
ol,
dl,
dd,
blockquote,
address,
table,
fieldset,
form { 
    margin-bottom: 15px;
    color: #5E6066
}

.widget_span {
	color: #444;
	font-weight: bold;
	font-size: 12px!important;
	margin-bottom: 15px;
	margin-top: 5px;
}

#content-full { width: 100% }

#content { 
    margin: 0 auto; 
    width: 960px; 
    z-index: 2;
    display: block;
    position: relative;
    padding-top:0px;
}

.right-content { 
    float: left; 
    width: 650px;  
    border-right: #eeeeee solid 0px;
    padding: 0px 50px 0px 0px; 
    margin-bottom:15px;
}
.category .right-content {
	padding-right:20px;
	width: 670px;
}
#right-content-portfolio-single {
	float: right; 
    width: 650px;  
    border-left: #eeeeee solid 0px;
    padding: 15px 0 0px 50px;
    margin-bottom:20px;
}

.left-content { 
    float: right; 
    width: 650px;  
    border-left: #eeeeee solid 0px;
    padding: 0px 0 0px 50px;
    margin-bottom:15px;
}

.right-sidebar { 
    float: left; 
    width: 260px;  
    margin-top:-15px;
    padding: 0px 0 30px 0px 
}
.right-sidebar.sideb_home {
	margin:20px 0 0 0 !important;
}
.left-sidebar { 
    float: left; 
    margin-top:-15px;
    width: 260px;  
    padding: 0px 0px 0px 0px
}
.sideb_home #twitters {
	margin-top:10px;
}
#left-sidebar-portfolio {
    float:left;
    width: 260px; 
    margin:  5px 0px  50px 0
}

#full-page { 
    width: 960px;  
}

#full-page-home {
	width: 960px;  
}

.line{ border-top: solid 1px #EFEFEF }

.line-dotted {
	border-bottom: solid 1px #EFEFEF;
}

.line-title-ultra {
	padding: 15px 0px 45px
}
.line-title-ultra.lat_tit {
	padding-bottom:25px;
}
#full-page-home .line-title-ultra {
	padding: 25px 0px 25px 0;
}

.line-title-ultra p {
	text-align: center;
	padding: 0;
	font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	z-index: 2;
	margin: 0px 0 -10px
}

.line-title-ultra p span {
	background: white;
	font-size: 12px;
	padding: 0px 10px;
	text-transform: uppercase !important;
	color:#555;
}

.line-title-ultra p a {
	background: white;
	font-size: 12px;
	padding: 0px 10px 0px 0px;
	margin-left: -10px;
	cursor: pointer;
	
}

.line-breadcrumb-ultra {
	padding: 15px 0px 35px
}

.line-breadcrumb-ultra p {
	text-align: center;
	padding: 0;
	font-family: "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	z-index: 2;
	margin: 0px 0 -10px
}

.line-breadcrumb-ultra p span {
	background: white;
	font-size: 12px;
	padding: 0px 10px
}

.line-breadcrumb-ultra p span.liners {
	background: white;
	font-size: 12px;
	margin: 0px -8px 0px 1px;
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 99;
}

.line-breadcrumb-ultra p a {
	background: white;
	font-size: 12px;
	padding: 0px 5px 0px 10px;
	margin-right: -5px;
	cursor: pointer;
}

.image-border {
	border: solid 1px silver;
	padding: 5px
}

.sticky {}

.gallery-caption {}

.bypostauthor {}


/*-----------------------------------------------------------------------------------*/
/*  2.  Header Styles
/*-----------------------------------------------------------------------------------*/

#top-line {
	margin: 0 auto;
	width: 960px;
}

#top-line-1, 
#top-line-2,
#top-line-3,
#top-line-4 {
	width: 25%;
	float: left;
}

.top-line-color-1,
.top-line-color-2,
.top-line-color-3,
.top-line-color-4 {
	height: 4px;
	width: 100%
}

.top-line-color-2 { background-color: #94a6b0 }

.top-line-color-3 { background-color: #4d4f5c }

.top-line-color-4 { background-color: #fd6212 }

.top-line-color-1 { background-color: #a2b752 }

#logo { 
    float: left; 
    width: 350px; 
    height: 100px;
    position: absolute;  
    display: block
}

#logo a{
    padding-top: 30px; 
    display: block; 
    position: relative; 
    width: 350px; 
    height: 90px; 
    background: none;
    font-size: 30px!important; 
    vertical-align: middle; 
    cursor: pointer
}

#logo h1 {  
    padding: 0px;
    margin: 0px;
    display: block; 
    position: relative;
    cursor: pointer
}

#logo h1 a { 
    font-size: 30px!important; 
    vertical-align: middle; 
    position: relative; 
    color: #fff; 
    display: block; 
    cursor: pointer
}

#header-midle-line{
    background-color: #fbfbfb;
    border-top-style: solid;
    border-top-width: 0px; 
    width: 960px;
    padding: 0px;
    height: 5px;
    margin: 0 auto;
    line-height: 0px
} 

#head-layout{
    width: 100%;
    border-top-color: #232323;
    border-top-style: solid;
    border-top-width: 0px
    
}

img#img-from-url{
	margin-bottom:-6px;
}

#slider-image-shadow{
	width: 960px;
	margin: 0 auto;
}

#slider-top-shadow {
    width: 960px;
    background: url(images/ultra/slider-top.png) no-repeat center top;
    height: 30px;
    margin: 0 auto;
    position: absolute;
    z-index: 999
}

#slider-bottom-shadow {
    width: 960px;
    height: 20px;
    background: url(images/ultra/slider-bottom.png) no-repeat center bottom;
    margin: -20px 0 0 0;
    position: relative;
    z-index: 999
}

.slider-top-shadow {
    width: 960px;
    background: url(images/ultra/slider-top.png) no-repeat center top;
    height: 30px;
    margin: 0 auto;
    position: absolute;
    z-index: 999
}

.slider-bottom-shadow {
    width: 960px;
    height: 21px;
    background: url(images/ultra/slider-bottom.png) no-repeat center;
    margin: -26px 0 0 0;
    position: relative;
    z-index: 999
}

#title-layout{ 
    width: 100%;
}

.title-frame-top { 
    width: 960px;
    margin:0 auto;
    position:relative;
}

#header-title {  
    
    line-height: 1em;
}

#header-title h1 { 
    padding: 0;
    line-height: 1em;
    margin: 0;
    font-weight:bold;
}

#header-title.float-right a {
    font-size: 16px!important; 
    line-height: 1.3em;
    padding: 5px 0px 5px 0px;
    color: #2a313a;
}

#header-title.float-right a:hover {
    color: gray
}

#header-subtitle h1, 
#header-subtitle h2, 
#header-subtitle h3, 
#header-subtitle h4, 
#header-subtitle h5, 
#header-subtitle h6 { 
    padding: 0; 
    color: #444444; 
    margin: 0
}

#title-left {
    text-align: left;
    width: 960px;
    padding: 35px 0 15px 0; 
    border-top: solid 1px #EFEFEF;
}

#title-left-2 {
    text-align: left;
    width: 960px;
    padding: 25px 0 15px 0; 
}

#title-left h1, .title-left-portfolio h1 {
    line-height: 1
}

#general-button {
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/get-started.png) no-repeat right top;
    width: 532px;
    height: 58px;
    margin: -58px 0px 0px 0;
    position: relative;
    float:right;
    z-index: 9999
}

#general-button:hover { opacity: 0.9 }

#title-left-home { 
	width: 880px;
	padding: 10px 0 0 0; 
	text-align: center
}

#title-left-home h1{ font-size:22px!important; line-height: 1.3em; }

#title-left-portfolio {
	text-align: left;
	width: 880px;
	padding: 35px 80px 35px 0;
	border-top: solid 1px #EFEFEF;
    position: absolute;
    z-index: 1
}

#title-right-portfolio {
    padding: 40px 0 17px 360px;
    width: 600px;
    height: 26px;
    position: relative;
    z-index: 3
}

#title-right-portfolio fieldset { float: right }

#title-left-single {
	text-align: left;
	width: 880px;
	padding: 30px 80px 30px 0;
	border-top: solid 1px #EFEFEF;
    position: absolute;
}
#title-left-single h1 {
	float:left;
	margin-left:10px;
	
}
#title-left-single .fecha-blog {
	float:left;
	background:url(images/system_date.png) no-repeat;
	width:48px;
	height:46px;
	position:relative;
	top:-23px;
}
#title-left-single .fecha-blog span.dia_f {
	color:#fff;
	font-size:12px;
	display:block;
	margin:4px 0;
	padding:0;
	width:40px;
	text-align:center;
}
#title-left-single .fecha-blog span.mes_f {
	color:#fff;
	font-size:14px;
	display:block;
	margin:0;
	padding:0;
	width:40px;
	text-align:center;
}
#title-right-single {
    padding: 28px 0 15px 880px;
    width: 80px;
    position: relative;
    z-index: 999
}

#title-right-single a {
	float:right;
	margin:0px -5px 0px 5px;
}

#title-right-single a div {
	padding:14px 8px 6px 8px!important;
}

#title-button:hover {
    background-color: #3288e4;
    color: #fff
}

#title-right{ 
    float: right; 
    width: 245px
}

#portfolio-title-fix {
	height: 90px;
}

#edit-link {
    position: absolute;
    margin-top: 5px
}

#edit-link a {
    font-size: 10px; 
    color: white;
    background: none
}

#header-top {
    width: 960px;
    height: 105px;
    padding-top: 5px;
    margin: 0 auto;
    position:relative;
}
#bann_madrid {
	width:214px;
	height:30px;
	position:absolute;
	top:5px;
	right:0;
}
#top-area { 
    padding: 0px 0 0px 0; 
    width: 960px;
    margin: 0 auto;
}

#header { 
    width: 960px;
    margin: 0 auto
}

#header-social {
    float: right;
    margin: 29px 30px 0px 0px;
    padding: 0
}

#header-social li {
    float: left;
    list-style: none;
    margin: 0px;
    height: 27px
}

#header-social li a {
    float: left;
    list-style: none;
    margin: -5px 0px 0px 0px;
    padding: 0px;
    height: 32px;
    width: 37px;
    color: #555
}

#header-social li.phone {
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/phone-generator.png) no-repeat left top;
    margin: 0 15px 0 0px;
    font-size: 11px;
    padding: 6px 0px 0px 36px
}

#header-social li.email {
	margin-top:2px;
}

#header-social li.email a{
	background: url(http://www.bargento.es/wp-content/themes/bargento/images/email-generator.png) no-repeat left top;
	padding: 10px 0px 10px 36px;
    margin: 0 15px 0 0px;
	float:none;
	color: #86878A;
    font-size: 11px;
}

#header-social li.rss a { background: url(http://www.bargento.es/wp-content/themes/bargento/images/rss-generator.png) no-repeat right }

#header-social li.facebook a {  background: url(http://www.bargento.es/wp-content/themes/bargento/images/facebook-generator.png) no-repeat right }

#header-social li.twitter a { background: url(http://www.bargento.es/wp-content/themes/bargento/images/twitter-generator.png) no-repeat right }


/* HEADER NAV */

#header-menu {
	padding-top: 20px;
    height: 40px;
    z-index: 1000;
}

#menu-home-button {
    float: left
}

#menu-home-button a {
    padding: 0;
    margin: 0;
    display: block;
    height: 38px;
    width: 15px
}

.nav {
    margin: 30px 0px 0 15px; 
    padding: 0; 
    height: 30px; 
    color: #fff; 
    z-index: 1000; 
    float: right 
}

.sf-menu, .sf-menu * {
	z-index: 99999;
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	visibility: hidden;
	position:		absolute;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
	background: white;
	margin-top:20px;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;

}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	float:left; 
	text-decoration:none; padding:6px 10px 6px 10px;
	display:		block;
	position:		relative;
}
.sf-menu li a strong {color:#444444; display:block;  font-size:14px;  font-weight: bold; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.sf-menu li a span {display:block; font-size:13px; text-transform:lowercase;  line-height:12px; padding-top:6px; }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu li {
}
.sf-menu li li {
}
.sf-menu li li li {
}
.sf-menu li:hover a strong, .sf-menu li.sfHover a strong{
color: #fa3500;
}
.sf-menu li.current-menu-item a strong, .sf-menu li.current_page_ancestor a strong, .sf-menu li.current_page_parent a strong,.sf-menu li.current-post-ancestor a strong, .sf-menu li.current-post-parent a strong {
color: #fa3500;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

.sf-menu span {float:left; text-decoration:none; }

li#menu-item-3386 {
	background:url(images/bot_insc.png) no-repeat;
	margin-left:15px;
	width:87px;
	height:27px;
}
li#menu-item-3386 a strong {
	color:#fff;
	font-size:11px;
	padding-top:2px;
	
	text-transform:uppercase;
}
li#menu-item-3386 a:hover strong  {
   color:#ffe673;	

}
#info {
    width: 180px; 
    opacity: 1.0  
}  

#info li {
    width: 200px; 
    border-top: none;
    padding: 0px 10px; 
    text-shadow: 1px 1px #fff; 
    text-align: left
}

#menu-search {
    float: right;
    width: 40px;
    height: 40px;
    margin-right:20px;
    border-left: solid 1px #e7e7e7;
    overflow: hidden
}

#menu-search-button {
    float: right;
    cursor: pointer; 
    border: 0;  
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/growing/search-icon.png) no-repeat center;
    width: 40px;
    height: 40px;
    position: relative;
    z-index: 2
}

#menu-search-input {
    display: none;
    width: 150px;
    height: 30px;
    float: left;
    border: 0;
    padding: 5px 10px 5px 10px; 
    background: none; 
    color: #434343;
    font-size: 12px;
    z-index: 1;
    position: absolute
}


/*-----------------------------------------------------------------------------------*/
/*  3.  Navigation
/*-----------------------------------------------------------------------------------*/

#footer_menu div ul li a{ padding: 0 }

/* BREADCRUMB */

#title_left { 
    width: 600px; 
    float: left 
}

#breadcrumb { 
    padding: 7px 10px 7px 0; 
    float: left; 
    font-size: 11px
}

#breadcrumb a, 
#breadcrumb span, 
#breadcrumb p { 
    font-size: 11px; 
    padding: 0;
    margin: 0
}

.breadcrumbs-plus p strong { font-weight: normal }

.menu_categories {
    font-weight: 400; 
    padding: 15px 0 0 0; 
    margin: 0
}

#full-page-home div div ul { padding: 0 0 15px 0!important }

.menu_categories h3{
	margin-bottom: 20px;
}

.menu_categories ul, 
#full-page-home div div ul { 
    list-style: none; 
    margin: 0px 0 15px 0; 
    padding: 0
}

.menu_categories ul li{ 
    padding: 0px 0 0px 0px; 
    margin: 0; 
    color: #999999;  
    overflow: hidden;
        border-bottom: dotted 0px #DDD;
}

.menu_categories ul li ul, 
#full-page div div ul li ul { 
    padding: 0px 0 0px 18px; 
    margin: 4px 0 0 0!important; 
    color: #999999;  
    overflow: hidden;
    border-top: 1px solid #F3F3F3
}

.menu_categories ul li ul li, 
#full-page-home div div ul li  ul li{ 
    padding: 4px 0 4px 18px!important;  
    margin: 0; 
    color: #999999;  
    overflow: hidden;
    background: #FCFCFC url(images/arrow_left.png)  no-repeat 0px 11px;
    border-bottom: 1px solid #F3F3F3
}

.menu_categories ul li ul li:last-child, 
#full-page-home div div ul li  ul li:last-child{ 
    padding: 4px 0 0px 18px!important ; 
    margin: 0; 
    color: #999999;  
    overflow: hidden;
    background: #FCFCFC url(images/arrow_left.png)  no-repeat 0px 11px;
    border-bottom: 0px solid #F3F3F3
}

.menu_categories ul li a, 
#full-page-home div div ul li a,
.menu_categories ul li ul li a, 
#full-page-home div div ul li ul li a {
    text-decoration: none; 
    background: none
}

.menu_categories ul li a:hover, 
#full-page-home div div ul li a:hover,
.menu_categories ul li ul li a:hover, 
#full-page-home div div ul li ul li a:hover { text-decoration: none }

.menu_categories ul li ul, 
#full-page-home div div ul li ul { 
    list-style: none; 
    padding-left: 0px; 
    padding-top: 0px; 
    margin: 0
}

.menu_categories ul li ul li, 
#full-page-home div div ul li ul li { 
    font-weight: 400; 
    color: #999999; 
    margin: 0; 
}


/*-----------------------------------------------------------------------------------*/
/*  4.  Typography
/*-----------------------------------------------------------------------------------*/


/*BUTTONS*/

.read-more-link, 
.more-link-2 a, 
.more-diva-2 a, 
#contact_form_holder_2 form #send_message, 
.form-submit input, 
.reply_link a,
.wpcf7-submit,
#pwbox-145,
.search_submit3,
ul#filter a,
.menu_categories ul li a, 
#full-page-home div div ul li a, 
.menu_categories ul li ul li a, 
#full-page-home div div ul li ul li a,
.meta-date-blog a, 
.meta-category-blog a, 
.meta-author-blog a, 
.meta-tags-blog a, 
.meta-comment-blog a,
#post-link-button a,
.reply a { 
 	background: none!important;
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	color: #ed5f10;
	font-size:12px!important;
	margin: 0 0px 0 0;
}
.wpcf7-submit,
.form-submit input {
	padding: 4px 0px 5px 0px;
}
#more_blog {
	text-align:right;
	width:100%;
	display:block;
}
ul#filter a {
	padding: 5px 10px 7px 0px;
}

.read-more-link:hover, 
.more-link-2 a:hover,
.more-diva-2 a:hover, 
#contact_form_holder_2 form #send_message:hover, 
.form-submit input:hover,
.reply_link a:hover,
.wpcf7-submit:hover,
.search_submit3:hover,
#single-button-left:hover,
#single-button-right:hover {
    text-decoration: none;
}

.big-button {
  	background-color: #383838;
  	color: whitesmoke;
    font-size: 18px!important;
    padding: 7px 15px 9px 15px;
	display: inline-block;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	margin: 0 5px 0 0;
}

.big-button:hover {
    text-decoration: none;
}


/* FORM */

.comment-input input, 
#contact_form_holder_2 form input,
.wpcf7-text {
    width: 300px; 
    padding: 5px 5px; 
    margin: 5px 0px 0px 0px; 
}

.comment-textarea textarea, 
#contact_form_holder_2 form textarea,
.wpcf7-form-control-wrap textarea {
    width: 630px;
    padding: 10px 10px; 
    margin: 5px 0 0px 0
}

#ver-img { padding: 5px 0px 0px 10px; height: 30px; position: absolute }


/* TEXT & LINK & OTHER */

hr {
    width: 100%;
    border-left: #d4d4d4 0px solid; 
    border-right: #d4d4d4 0px solid; 
    border-top: #ffffff 1px solid; 
    border-bottom: #d6dddf 1px  solid; 
    clear: both; 
    margin: 20px 0 20px 0; 
    padding: 0
}

pre { 
    border: #CCC 1px dotted; 
    padding: 5px; 
    font-size: 11px; 
    color: #999; 
    margin: 20px 0 10px 0;  
    height: 100%
}

blockquote.right { 
    float: right; 
    margin: 10px 0px 0px 20px; 
    width: 220px 
}

blockquote.left { 
    margin: 10px 20px 0px 0px;
    width: 220px; 
    float:left 
}

blockquote p {
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 16px !important;
    line-height: 24px !important;
    font-style: italic;
    padding: 0
}

blockquote {
    quotes: none;
    background: url(images/quote.png) no-repeat;
    padding: 0 10px 0 30px !important;
    font-family: Times New Roman, Times, Serif;
    margin: 10px 0 0px 0;
    font-size: 16px !important;
    line-height: 24px !important
}


/* UL & OL */

ul { 
    margin: 10px 0px 10px 30px; 
    padding: 0
}

ul li { padding: 3px 0px 3px 0px }

ol { margin:10px 0px 10px 30px }

ol li { padding:3px 0 3px 0 }


/* IMAGES */

.alignright {
    float: right; 
    margin-left: 20px; 
    margin-bottom: 10px; 
    margin-top: 10px
}

.alignleft{
    float: left; 
    margin-right: 20px; 
    margin-bottom: 10px; 
    margin-top: 10px
}


/*-----------------------------------------------------------------------------------*/
/*  5.  Home Page
/*-----------------------------------------------------------------------------------*/

#homepage-content-top-fix { margin-top: 50px }

.homepage-blog-posts {
	margin: 10px 0 0 0;
	width: 100%;
	padding: 0;
	list-style: none;
	clear: both
}


.homepage-blog-post+.homepage-blog-post+.homepage-blog-post+.homepage-blog-post { padding: 0px!important }

.homepage-blog-post {
	float: left;
	width: 100%;
	padding: 0 40px 0px 0;
	margin:0 0 10px 0;
	line-height:1.2;
	background:url(images/linea_puntos.png)no-repeat bottom;
}

.homepage-blog-post-meta {
	padding: 0px 0 5px 0
}

.homepage-blog-post-meta,
.homepage-blog-post-meta a { 
	font-size: 11px;
	font-weight: normal!important;
}

.homepage-blog-post a {
	height: 17px;
	font-weight: bold;
	margin: 4px 0px 0px;
}
.homepage-blog-post .thumb_top {
	float:left;
	width:75px;
	margin:0 10px 0 0;
}
.homepage-blog-post .cont_txt_b.con_thumb {
	float:right;
	width:560px;
}
.video-homepage {
	margin: 30px 0px -30px -30px;
}

.video-button { cursor: pointer }

.video-button:hover { opacity: 0.9 }

.icon-homepagea-1 {
    padding: 5px 15px 5px 0px
}

ul.home-page-posts-portfolio{ 
    margin: 0px 0 0 0; 
    width: 960px;
    padding: 0px 0 0 0; 
    list-style: none; 
    clear: both
}

ul.home-page-posts-portfolio li {
    float: left;
    width: 202.5px;
    padding: 0
}

.home-page-posts-portfolio-frame+.home-page-posts-portfolio-frame+.home-page-posts-portfolio-frame+.home-page-posts-portfolio-frame { margin-right: 0px!important }

ul.home-page-posts-portfolio li .home-page-post-portfolio-link { padding: 0px 15px 10px 0px }

ul.home-page-posts-portfolio li .home-page-post-portfolio-link a { 
    color: #000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

ul.home-page-posts-portfolio li .home-page-post-portfolio-link a:hover { color: #555555!important }

ul.home-page-posts-portfolio li .home-page-post-portfolio-link p { margin: 10px 0 10px; }
#banner2 {
	width:958px;
	height:90px;
	clear:both;
	display:block;
	overflow:hidden;
	border-top:0px solid #e2eec3;
	margin:-10px auto;
	padding:0 0;
}
#banner2 ul {
	list-style:none;
	margin:0;
	padding:0;
	width:958px;
}
#banner2 ul li{
	float:left;
	margin:0 10px;
}
#full-page-home .one {

	display:block;

	padding:10px 0 0 0 !important;
}

.thumb_blog {
	float:left;
	width:150px;
	padding-top:15px;
}
.con_thumb_blog {
	float:right;
	width:500px;
}
/*-----------------------------------------------------------------------------------*/
/*  6.  Footer
/*-----------------------------------------------------------------------------------*/

#footer {
    position: relative; 
    width: 100%;
    padding: 0px 0 25px;
}


/* MIDLE FOOTER */

#footer_columns_midle{
	padding: 0px 0 30px 0
	
}

.footer_widget_midle p, 
.footer_widget_midle div p, 
.footer_widget_midle div div p, 
.footer_widget_midle div div p span, 
.footer_widget_midle, 
.footer_widget_midle div, 
.footer_widget_midle div div {
    font-size: 12px  
}

.footer_widget_midle .link { margin: 0 }

.footer_widget_midle { margin-bottom: 0 }

.footer_widget_midle h1, 
.footer_widget_midle h2, 
.footer_widget_midle h3, 
.footer_widget_midle h4, 
.footer_widget_midle h5, 
.footer_widget_midle h6,
.footer_widget_midle div h1, 
.footer_widget_midle div h2, 
.footer_widget_midle div h3, 
.footer_widge_midlet div h4, 
.footer_widget_midle div h5, 
.footer_widget_midle div h6 {
    color: #000;
    padding: 0px 0 10px 0;
    margin: 0
}

.footer_widget_midle h2, 
.footer_widget_midle div h2, 
.footer_widget_midle div div h2 {
    font-size: 16px!important;
}

.footer_widget_midle ul,
.footer_widget_midle div ul, 
.footer_widget_midle div div ul {
    list-style: none;
    margin: 0px 0 0 0;
    padding: 0;
}

.footer_widget_midle ul li, 
.footer_widget_midle div ul li, 
.footer_widget_midle div div ul li{
    padding: 0px 0 0px 0px;
    border-bottom-color: #e1e1e1;
    border-bottom-style: dotted;
    border-bottom-width: 0px
}

.footer_widget_midle ul li ul, 
.footer_widget_midle div ul li ul, 
.footer_widget_midle div div ul li ul { display: none }

.footer_widget_midle a, 
.footer_widget_midle div a, 
.footer_widget_midle div div a {
    font-size: 12px
}

.footer_widget_midle a:hover, 
.footer_widget_midle div a:hover, 
.footer_widget_midle div div a:hover {  }

.footer_widget_midle table, .footer_widget_midle th, .footer_widget_midle td { color:#7b7d80 }

.footer_widget_midle caption, .footer_widget_midle div caption { color:#7b7d80 }


/* SUB FOOTER */

#sub_footer {
    width: 100%;
    padding: 0 0 0px 0
}

.line-sub-footer { 
    height: 1px;
    border-bottom-color: #e1e1e1;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    position: relative; 
    margin-bottom: 10px
}

#sub_footer div div, 
#footer_twitter ul li span { 
    font-size: 11px;
}

#footer_social{
    float: right;
    text-align: right
}

#footer_social img { padding: 0 0px 0 5px }

#footer_menu ul {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0px 0 10px 0
}

#footer_menu ul li {
    float: left;
    margin: 0 0px 0 10px;
    padding: 0;
    border: 0
}

#menu-footer-menu ul li a { padding: 0 }

#footer_menu ul li a, 
#footer_twitter ul li a, 
#sub_footer div div a {
    text-shadow: 1px 1px 1px #555;
    font-size: 11px;
    font-weight: normal;
}

#footer_menu ul li a:hover, 
#footer_twitter ul li a:hover, 
#sub_footer div div a:hover,
#footer_menu ul li:hover { 
    background-color: transparent!important 
}

#footer_menu ul li ul { display: none }

#footer_twitter ul {
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/bird.png) no-repeat 0 -10px;
    list-style: none;
    margin: 0;
    padding: 0 0px 0 40px;
}
ul#menu_pie {
	
}
ul#menu_pie li ul{
	display:block;
	
}
.linkcat{ list-style: none; }


/* FOOTER CONTACT FORM */

#contact_form_holder form input {
    width: 60%; 
    border: solid 1px #d8d8d8;
    border-bottom: rgba(50, 50, 50, .3) 1px solid; 
    border-right: rgba(50, 50, 50, .3) 1px solid; 
    padding: 6px 3% 6px 3%; 
    margin: 0px 0 10px 0; 
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/input-bg.jpg) repeat; 
    color: #c4c4c4; 
    font-size: 11px
}

#contact_form_holder form textarea {
    width: 96%; 
    padding: 6px 2% 6px 2%; 
    margin: 0px 0px 5px 0px; 
    border: solid 1px #d8d8d8;
    border-bottom: rgba(50, 50, 50, .3) 1px solid; 
    border-right: rgba(50, 50, 50, .3) 1px solid; 
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/textarea-bg.jpg) repeat-x top #fbfbfb; 
    color: #c4c4c4;
    font-size: 11px
}

#contact_form_holder form #send_message { 
    width: 70px; 
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/read-more-link-bg.jpg) repeat-x bottom;
    font-size: 10px;
    color: #555555;
    border: solid 1px #d8d8d8;
    padding: 6px 10px;
    -moz-border-radius: 5px; border-radius: 5px;
    border-bottom: #d5d5d5  1px solid; 
    border-right: #d5d5d5  1px solid; 
    cursor: pointer
}

#contact_form_holder form #send_message:hover { background:url(http://www.bargento.es/wp-content/themes/bargento/images/read-more-link-bg-hover.jpg) repeat-x bottom }


/*-----------------------------------------------------------------------------------*/
/*  7.  Blog & Single
/*-----------------------------------------------------------------------------------*/

.blog-slide-class {
	margin: 10px 0px -26px 0px;
    padding: 0;
    list-style: none
}

*+html .blog-slide-class2 {
	margin: 0px 0px 0px 0px;
    padding: 0;
    list-style: none
}

.blog-slide-class2 {
	margin: 0px 0px 0px 0px;
    padding: 0;
    list-style: none
}

*+html .blog-slide-class {
	margin: 10px 0px -23px 0px;
    padding: 0;
    list-style: none
}

.blog-slide-class li {
    margin: 0;
    padding: 0;
    overflow: hidden 
}

.blog-slide-class li a {
    padding: 0;
    margin: 0;
    line-height: 0
}

.blog-slide-class li img {
    margin: 0;
    padding: 0;
    overflow: hidden; 
    position: relative;
    z-index: 2
}

.slider-top-space { height: 10px }

.circle-nav-class {
    text-align: right;
    width: 100%;
    margin-top: 0px;
    padding: 0;
    height: 25px;
    margin-bottom: -5px
}

.circle-big {
	text-align: right;
    margin-top: -5px;
	width: 960px!important;
    padding: 0;
    height: 25px;
    margin-bottom: 10px;
	border-bottom: solid 0px #EFEFEF;
	padding-right:10px;
}

.single-big-img { width: 950px!important }

.circle-nav-class a {
    cursor: pointer;
    color: #e2e2e2!important;
    font-size: 2px!important;
	text-decoration: none;
    padding: 3px 4px 3px 3px;
	margin: 0px 0px 0px 3px!important;
	text-align: center;
	border-radius: 4px 4px;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
    background-color: #e2e2e2!important
}

.circle-nav-class a:hover {
    background-color: #bdbdbd!important;
    color: #bdbdbd!important;
	text-decoration: none
 }
 
.circle-nav-class a.activeSlide {
    background-color: #bdbdbd!important;
    color: #bdbdbd!important
}

.blog-slide-class li a.portfolio-hover-link {
    position: absolute;
    width: 650px;
    height: 200px;
    opacity: 0.8;
    background: url(images/plus_in.png) no-repeat center #fff;
    z-index: 5
}

.blog-slide-class li a.portfolio-hover-lightbox {
    position: absolute;
    width: 650px;
    height: 200px;
    opacity: 0.8;
    background: url(images/zoom_in.png) no-repeat center #fff;
    z-index: 5
}


/* DATE */

.data-frame {
    float: right;
    margin-left: 20px;
    padding-top: 5px
}

.data-d {
    float: left;
    font-size: 31px;
    padding-right: 5px;
    text-align: right;
    height: 31px;
    width: 40px;
    line-height: 1em;
    color: silver
}

.data-m-j {
    float: right;
    height: 31px;
    margin-top: 0px;
    padding-left: 5px;
    top: 0;
    border-left: #e0e0e0 solid 1px
}

.data-m {
    font-weight: bold;
    line-height: 1.1em;
    color: silver
}

.data-j { color: silver }


/* COMENT */

.reply {
	margin-top: -10px;
}

.comment_link {  
    padding: 9px 0px 0 15px;  
    height: 39px; 
    width: 33px; 
    display: block;
    float: right; 
    margin-top: -5px;
    margin-bottom: 0px    
}


/* POST ON */

.entry-conten {
	width: 470px;
	margin: 20px 0 0 0;
}

.entry-meta {
    padding: 20px 0px 5px;
    color: #828282;
    font-size: 11px;
    float: right;
	width: 160px
}

.single-meta-frame {
    padding: 5px 0px 25px;
    color: #828282;
    font-size: 11px;
    float: right;
	width: 160px
}

.single-meta-frame-small-image {
	width: 420px;
    margin: 0px 0px 22px 185px; 
    padding: 5px 0px;
    color: #828282;
    font-size: 11px;
}

.entry-meta-small-image {
	width: 420px;
    margin: 0px 0px 22px 185px; 
    padding: 5px 0px;
    color: #828282;
    font-size: 11px;
}

.meta-date-blog,
.meta-category-blog,
.meta-author-blog,
.meta-tags-blog,
.meta-comment-blog {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font: 12px/18px "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #A1A3A6;
	text-align: right
}
.bloglist_date {
	text-align:left;
}
/*.meta-date-blog { background: url(images/meta-space.jpg) no-repeat right center; }

.meta-category-blog { background: url(images/meta-space.jpg) no-repeat right center; }

.meta-author-blog { background: url(images/meta-space.jpg) no-repeat right center; }

.meta-tags-blog { background: url(images/meta-space.jpg) no-repeat right center; }*/

/* TITLE */

.entry-title a {
    text-transform: none;
    color: #444;
    background: none
}


/* POST THUMB */
.line-shadow-fix {
	height: 20px;
}

.home-page-posts-portfolio-frame {
	width: 210px!important;
	margin: 0px 40px 0px 0px;
	list-style: none;
	position: relative;
	float: left;
	border-bottom: 0px solid #eeeeee;
}

.home-page-posts-portfolio-frame a .portfolio_hover {
	height: 160px!important;
}

.home-page-posts-portfolio-container{
	padding: 0px 0px 5px;
}

.home-page-posts-portfolio-container a {
	height: 17px;
	font-weight: bold;
	width: 180px;
}

.home-page-posts-portfolio-frame-hover { background: white url(images/plus_in.png) no-repeat  center 70px ;}

.home-page-posts-portfolio-frame-hover-lightbox { background: white url(images/zoom_in.png) no-repeat center 70px }

.portfolio-top-shape-small {
	width: 210px!important;
	background: url(images/small-portfolio-top-line.png) no-repeat center top;
	height: 6px;
	position: absolute;
	z-index: 999;
}

.portfolio-bottom-shape-small {
	width: 210px!important;
	height: 6px;
	background: url(images/small-portfolio-bottom-line.png) no-repeat center;
	position: relative;
	margin-top: -12px;
	z-index: 999;
}

#portfolio-top-shape {
	width: 960px;
	background: url(images/ultra/portfolio-top-shape.png) no-repeat center top;
	height: 21px;
	margin: 0 auto;
	position: absolute;
	z-index: 999;
}

#small-page-portfolio { 
	padding: 15px 0 0px 0px;
	width: 1000px
}

#full-page-portfolio {
	padding: 20px 0px 30px;
}

.portfolio-full-images {
    width: 960px;   
    padding: 0px;
    cursor: pointer;
    list-style: none;
    overflow :hidden;
    display: inline-block; 
    position: relative;
    float: left
}

.portfolio_in_title {
	font-weight: bold;
	color: white!important;
	padding: 165px 30px 10px 70px;
}

.portfolio_in_title_midle {
	font-weight: bold;
	color: white!important;
	padding: 165px 30px 10px 70px;
}

.portfolio-full-images p {
	margin: 10px 0 10px 0;
}

.portfolio-midle-images {
    width: 320px;
    height: 320px;   
    padding: 0;
    cursor: pointer;
    list-style: none;
    overflow: hidden;
    display: inline-block; 
    position: relative;
    float: left
}

.sorting a img:hover {
	opacity:09;
}

.portfolio-small-images{
    width: 210px!important; 
	height: 245px;
	margin: 0px 40px 35px 0px!important;
    list-style: none;
	position: relative;
	float: left;
}


.portfolio-small-images a {
    width: 210px;
    height: 160px;   
	padding: 0!important;
	margin: 0;
    cursor: pointer;
    overflow: hidden;
	position: relative; 
    display: inline-block;
    font: 12px/12px;
}

.portfolio-small-images a img {
	line-height: 0;
}

.portfolio_small_container { padding: 0px 0px 0px;}

.portfolio_small_container a {
	height: 17px;
	font-weight: bold;
	width:180px;
	margin: 4px 0px 0px;
}

.portfolio_small_container p {  font-size: 12px }

.portfolio_hover {
	position: absolute;
	z-index: 2;
	width: 100%;
	height: 100%;
	opacity: 0.7
}

.portfolio_hover h2 {
	color: white;
	margin: 0;
	padding: 30px 30px 15px 30px
}

.portfolio_hover p {
	color: #999!important;
	margin: 0;
	padding: 0 30px 0 30px!important
}

.portfolio_hover a img {
	position: relative;
	z-index: 1
}

.portfolio_image_full_hover { background: black url(images/plus_in.png) no-repeat  30px 160px }

.portfolio_image_full_hover_lightbox { background: black url(images/zoom_in.png) no-repeat  30px 160px }

.thumb-image { padding: 0 }

.thumb-image a { background: none }

.post-small-image {
    width: 220px;
    float: left
}

.post-small-image a { background: none }

.small-image-diver {
    width: 400px;
    float: right
}

.post-small-image {
    margin: 0px 25px 10px 0px;
    padding: 7px 0 22px 0
}


/* POST CONTENT */

.entry-content {
    margin-top: 0; 
    float: left;
    padding-bottom: 25px
}
.bloglist_conten {
	margin-top:10px !important;
	padding-top:0;
}
.entry-content-small-image {
	width: 350px;
	margin-left:190px;
}


/* HEADING */

h1.entry-title { padding: 5px 10px 0px 0px; line-height: 1;}

h1.entry-title { margin-bottom: 0px !important;  }

h1.entry-title a { }

h1.entry-title a:hover { }


/* LINE POST */

.post_line { 
    clear: both; 
    border-bottom: 1px solid #efefef;  
    height: 2px;   
    margin: 0px 0 20px 0; 
    padding: 0
}


/* LINE POST */

#entry_author_info {
	margin-top: 20px;
    padding: 30px 0px 0px; 
    border-top: solid 1px #eeeeee
}

.line-single {
	margin-top: 30px;
    height: 30px;
    border-top: solid 1px #eeeeee
}


/* AUTOR DESCRIPTION */

#author_avatar { 
    float: left; 
    width: 70px
}

#author_description {
    width: 510px;
    float: left; 
    padding-left: 15px
}


/* COMMENT */

.commentlist { 
	margin: 0 0 0 35px; 
	padding: 0
}

.fn { 
	font-weight: bold; 
	color: #1C1C1C;
	font-size: 12px;
}

.comment-author.vcard a { font-size: 11px!important }

.commentlist > li.comment {
	margin: 0 0;
	padding: 1.625em;
	position: relative;
}

.commentlist .avatar {
	margin: 0 10px 0 -55px;
	padding: 0;
	position: absolute;
	top: 20px;
}

.commentlist .children li.comment {
	margin: 1.625em 0 0;
	padding: 1.625em 0 0;
	position: relative;
}

.commentlist .children .avatar {
	margin: 0 10px 0 -55px;
}

.children { border-left: solid 1px #EEE; margin: 0 0 0 25px; padding: 0 0 0 30px; }

/* REPLY COMMENT */

.reply_link { margin: 5px 0 0px 0 }



#comments_frame h4 { margin-bottom: 10px }

#respond { 
    font-size: 11px; 
    padding: 5px 20px 0px 0
}

#respond h3 { padding-top: 0 }

form p { padding-top: 0 }

.comment-form-email {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-email input { 
    font-size: 11px; 
    color: #777777; 
    padding: 6px !important; 
    clear: both; 
    width: 250px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;
    background: #fafafa; 
    border: 1px solid #d8d8d8
}

.comment-form-url {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-url input { 
    font-size: 11px; 
    color: #777777; 
    padding: 6px !important; 
    clear: both; 
    width: 250px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    background:  #fafafa; 
    border: 1px solid #d8d8d8
}

.comment-form-author {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-author input { 
    width: 60%; 
    border: solid 1px #d8d8d8;
    border-bottom: rgba(50, 50, 50, .3) 1px solid; 
    border-right: rgba(50, 50, 50, .3) 1px solid; 
    padding: 6px 3% 6px 3%; 
    margin: 0px 0 10px 0; 
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/input-bg.jpg) repeat; 
    color: #c4c4c4; 
    font-size: 11px
}

.comment-form-comment {
    color: gray; 
    clear: both; 
    width: 100px
}

.comment-form-comment textarea { 
    font-size: 11px; 
    color: #777777; 
    clear: both; 
    width: 450px; 
    -moz-border-radius: 5px; 
    border-radius: 5px;   
    background: #fafafa; 
    border: 1px solid #f6f8f9
}

.comment-notes { font-size: 11px }

p.form-allowed-tags code {
    font-size: 0px; 
    opacity: 0
}

.form-allowed-tags { 
    font-size: 0px; 
    opacity: 0
}


/* SINGLE STYLE */

/* BIG SLIDER */

.bee-big-slider {
    margin: 0;
    padding: 0px 0 7px 0;
    border-bottom: 1px solid #efefef
}

.bee-big-slider .blog-slide-class li a.portfolio-hover-link {
    width: 960px !important;
    height: 300px !important
}

.bee-big-slider .blog-slide-class li a.portfolio-hover-lightbox {
    width: 960px !important;
    height: 300px !important
}


/* MIDDLE SLIDER */

.bee-middle-slider {
    margin: 10px 0 0px 0;
    padding: 0px 0 12px 0
}

.bee-middle-slider .blog-slide-class li a.portfolio-hover-link {
    width: 610px !important;
    height: 200px !important
}

.bee-middle-slider .blog-slide-class li a.portfolio-hover-lightbox {
    width: 610px !important;
    height: 200px !important
}


/* SMALL SLIDER */

.bee-small-slider {
    margin: 0 25px 0 0px;
    padding: 13px 0 0px 0;
    width: 160px;
    float: left
}

.bee-small-slider .blog-slide-class li a.portfolio-hover-link {
    width: 300px !important;
    height: 300px !important
}

.bee-small-slider .blog-slide-class li a.portfolio-hover-lightbox {
    width: 300px !important;
    height: 300px !important
}


/* BLOG POSTS */

.post-line-top {
	background: url(images/post-line-top.png) no-repeat;
	width: 650px;
	height: 20px;
	position: absolute;
	z-index: 999;
}

.post-line-bottom {
	background: url(images/post-line-bottom.png) no-repeat;
	width: 650px;
	height: 16px;
	margin-bottom:10px;
	margin-top: -21px;
	position: relative;
	z-index: 999;
}

.post-line-bottom-2 {
	background: url(images/post-line-bottom.png) no-repeat;
	width: 650px;
	height: 16px;
	margin-bottom:10px;
	margin-top: -16px;
	position: relative;
	z-index: 999;
}

*+html .post-line-bottom {
	background: url(images/post-line-bottom.png) no-repeat;
	width: 650px;
	height: 16px;
	margin-bottom:10px;
	margin-top: -19px;
	position: relative;
	z-index: 999;
}

.post-line-bottom {
	margin-top: -21px\0/;
}

.post-old-thumb-bug { height: 10px }

.post-line-after {

	border-bottom: solid 0px #EEE;
    padding: 5px 0 0px 0;
    margin-bottom:40px;
    width: 100%;
    clear: both;
    position: relative
}

#post-link-button { margin-top:10px;}


/* SMALL POST IMAGE */

.bee-blog-small-image {
    margin: 10px 25px 0px 0px;
    padding: 0px 0 15px 0;
    width: 160px;
    overflow: hidden;
    float: left
}


.bee-blog-small-image .blog-slide-class li a.portfolio-hover-link {
    width: 220px !important;
    height: 230px !important
}

.bee-blog-small-image .blog-slide-class li a.portfolio-hover-lightbox {
    width: 220px !important;
    height: 230px !important
}


/* FUUL POST IMAGE */

.bee-blog-full-image { padding: 5px 0px 5px 0px; }

.bee-blog-full-image .blog-slide-class li a.portfolio-hover-link {
    width: 610px !important;
    height: 200px !important
}

.bee-blog-full-image .blog-slide-class li a.portfolio-hover-lightbox {
    width: 610px !important;
    height: 200px !important
}


/*-----------------------------------------------------------------------------------*/
/*  8.  Widgets
/*-----------------------------------------------------------------------------------*/

/* CALENDAR WIDGET */

#calendar_wrap table { font-size: 11px }

#calendar_wrap table td { padding: 10px 30px 0px 10px }

#calendar_wrap table tr td a { color: #000 }

#calendar_wrap table tr td a:hover {
    color: silver;  
    text-decoration: none
}

#calendar_wrap table tr td { padding-right: 6px }

#calendar_wrap table th { text-align: left }

#calendar_wrap table caption {
    text-align: left; 
    font-weight: bold; 
    padding-bottom: 5px
}

.screen-reader-text {
    font-size: 18px; 
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: 400; 
    color: #383838; 
    margin-top: 2.1em; 
    padding-bottom: 0
}


/* FOOTER CONTACT FORM */

.error { 
    display: none; 
    padding: 10px; 
    color: #fff; 
    font-size: 12px
}

.success { 
    display: none; 
    padding: 10px; 
    color: #fff; 
    font-size: 12px
}

#contact_logo { vertical-align: middle }

.error img { vertical-align: top }


/* WIDGETS */

#flickr img {
    float: left; 
    display: inline; 
    margin: 3px; 
    padding: 1px; 
    border: 1px solid #ccc
}

#flickr {
    padding-top: 10px; 
    padding-bottom: 30px; 
    clear: left
}

.twitter_title_link{
    font-size: 21px; 
    color: #2a313a
}

.boxgrid { 
	width: 223px; 
	height: 260px; 
	margin: 5px; 
    background: #f0f1f2;
	float: left; 
	border: solid 1px #f0f1f2; 
	overflow: hidden; 
	position: relative 
}

.boxgrid img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0
}

.boxgrid p { 
	padding: 0 10px; 
	color: #afafaf; 
	font-weight: bold; 
	font: 10pt "Lucida Grande", Arial, sans-serif
}
	
.boxcaption{ 
	float: left; 
	position: absolute; 
	background: #000; 
	height: 100px; 
	width: 100%; 
	opacity: .8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.captionfull .boxcaption {
	top: 260px;
	left: 0;
}
.caption .boxcaption {
	top: 220px;
	left: 0;
}

/*-----------------------------------------------------------------------------------*/
/*  9.  Plugins
/*-----------------------------------------------------------------------------------*/

.pricing-table-bottom {}

.pricing-box.one_third ul li{
	font-weight: bold;
	color: #444;
}

.pricing-table {
    padding: 0;
    margin: 10px 0px 15px;
    border: solid 0px #eaeaea
}

.pricing-box ul {
    list-style: none;
    margin: 15px 0px 15px 0px;
}

.pricing-box ul li {
    padding: 7px 0!important;
    text-decoration: none;
    border-bottom: 1px dotted #eeeeee; 
}

.pricing-box ul li .yes {
    background: url(images/icon_yes.png) no-repeat center;
    height: 22px;
    margin-top: -2px
}

.pricing-box ul li .not {
    background: url(images/icon_not.png) no-repeat center;
    height: 22px;
    margin-top: -2px
}

.green { color: #d10000; margin-bottom: 2px; }

.catalog-frame-li {
    padding: 5px 5px 15px 5px;
    width: 198px;
    height: 360px;
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden;  
    list-style: none;
    z-index: 1
}

.catalog-frame-li h2 {
    font-size: 18px;
    padding: 7px 10px;
    margin-top: -50px;
    background: white;
    position: absolute;
    z-index: 2
}

.portfolio_2_column h2,
.portfolio_3_column h2,
.portfolio_4_column h2 {
    padding: 20px 20px 10px 0px; 
    font-size:21px;  
    margin: 0 !important
}

.portfolio_2_column p, 
.portfolio_3_column p, 
.portfolio_4_column p { padding: 0 20px 20px 0 }

.portfolio_2_column a, 
.portfolio_3_column a, 
.portfolio_4_column a { background: none }

.image-grid{
    margin: 30px 0 0px 0; 
    padding: 0; 
    list-style: none
}

.portfolio_2_column {
    width: 468px; 
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden;  
    list-style: none; 
    margin: 20px 20px 0px 0px 
}

.portfolio_3_column { 
    width: 304px; 
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden;  
    list-style: none; 
    margin: 20px 20px 0 0;
}

.portfolio_4_column { 
    width: 222px; 
    position: relative; 
    display: -moz-inline-box; 
    display: inline-block; 
    vertical-align: top; 
    overflow: hidden; 
    list-style: none; 
    margin: 20px 20px 0 0
}

.portfolio_2_column img, 
.portfolio_3_column img, 
.portfolio_4_column img { padding-bottom: 5px }

#portfolio_column {
    width: 980px;
    padding: 30px 0 30px 0
}

#portfolio_show {
    margin-top: 5px; 
    float: left; 
    font-size: 11px; 
    font-family: Arial, Helvetica, Sans-serif; 
    color: #777777; 
    width: 60px
}

#portfolio_show h4 { padding: 6px 0 0 15px }

.image_post:hover {
    background: #f00; 
    padding-top: 10px
}

ul#filter {
    margin: 0;
    list-style: none;
    float: right
}

ul#filter li {
    padding: 0;
    margin: 0;
    float: left
}

ul#filter a {
    z-index: 200; 
    float: left; 
    margin: 0 0px 0 10px
}

.portfolio-categoria-button input[type="radio"] { display: none }

.portfolio-categoria-button input.show { display: inline }


/*ANYTHING SLIDER*/

#anything-slider, 
div.anythingSlider { 
    margin: 0; 
    padding: 0 
}

div.anythingSlider .anythingWindow { border: 0 }

div.anythingSlider .back a,
div.anythingSlider .back a:hover {
     background: url(http://www.bargento.es/wp-content/themes/bargento/images/left-arrow-slider.png) no-repeat center;
     opacity: 0.8
}

div.anythingSlider .forward a,
div.anythingSlider .forward a:hover {
     background: url(http://www.bargento.es/wp-content/themes/bargento/images/right-arrow-slider.png) no-repeat center;
     opacity: 0.8
}

div.anythingSlider .forward a,
div.anythingSlider .back {
    left: 20px;
    bottom: 20px
}

div.anythingSlider .forward a,
div.anythingSlider .forward {
    right: 20px;
    bottom: 20px
}
div.anythingSlider .arrow a {
    margin: 0;
    height: 50px;
}

div.anythingSlider .arrow {
    height: 50px;
    top: 45%
}
h3 {
	color:#ff6600;
}

/* NIVO SLIDER */

.nivo-caption {
    bottom: 0px; 
    left: auto;
    opacity: 1.0!important;
    width: 540px;
    height: 209px;
    overflow: hidden;
    background: none;
    text-shadow: none;
    font-family: 'Anton', arial, serif; 
    color: #4c4b4b
}

.nivo-caption .title-slider {
    float: left;
    padding: 120px 15px 0;
}

.nivo-caption .content-slider {
    float: left;
    margin-top: 0;
    padding: 0px 15px
}

.nivo-caption .title-slider h1 {
    color: #fff;
    font-size: 31px!important;
    font-weight: bold;
    text-shadow: 1px 1px 0px #000000;
    float: left;
    margin: 0;
    padding: 0
}

.nivo-caption .content-slider p, 
.nivo-caption .content-slider h1, 
.nivo-caption .content-slider h2, 
.nivo-caption .content-slider h3, 
.nivo-caption .content-slider h4, 
.nivo-caption .content-slider h5, 
.nivo-caption .content-slider h6, 
.nivo-caption .content-slider a {
    padding: 15px;
    margin: 0;
    font-weight: normal;
    text-shadow: 1px 1px 2px #000;
    color: #ffffff!important;
    background:url(images/fondo_trans.png);
}

.nivo-caption a {
    font-weight: bold;
    text-transform: uppercase
}

.nivo-controlNav { 
    top: 80%;
    right: 52px;
    position: absolute  
}

.nivo-controlNav a { 
    display: block; 
    margin-right: 5px;
    width: 6px !important; 
    height: 6px; 
    background: url(images/slider_point.png) no-repeat; 
    text-indent: -9999px; 
    border: 0;  
    float: left
}

.nivo-controlNav a.active { 
    background: url(images/slider_point_active.png) no-repeat;
    opacity: 0.7
}

.nivo-directionNav a { 
    display: block; 
    width: 12px; 
    height: 18px; 
    text-indent: -9999px; 
    border: 0;
    opacity: 0.7;
    top: 78.5%
}


a.nivo-nextNav { 
    background: url(images/slider-new-arrow-right.png) no-repeat; 
    right: 30px;
    display: block;
}

a.nivo-prevNav { 
    background: url(images/slider-new-arrow-left.png) no-repeat; 
    left: 30px; 
    display: block;
}

.nivo-caption{ 
    color: white !important;
    padding:5px 10px 5px 10px !important; 
    width: 940px
}

#header_image_silder { 
    padding: 0; 
    z-index: 99; 
    position: relative; 
}

#slider_frame {
    padding: 0; 
    margin-bottom: 0
}

#slider_image { background: url(images/ajax-loader.gif) no-repeat 50% 50% #f0f0f0 }

#slider_image img { 
    display: none;
    overflow: hidden; 
    border-top: 10px solid black
}

#slider_image a { display: block }


/*BX SLIDER IMAGE*/

#header-image-bx-silder { 
    padding: 0; 
    z-index: 99; 
    position: relative 
}

#slider-bx-ul {
    width: 962px;
    margin: 0;
    padding: 0;
    z-index: 1;
    position: relative;
    background: url(images/ajax-loader.gif) no-repeat 50% 50% 
}

.slider-bx-full-image {
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/normal-slider-shape.png) bottom center no-repeat; 
    padding: 0px 0 40px 0
}

.slider-bx-full-image img, 
.slider-bx-full-image a img, 
.bx-slider-small-image img, 
.bx-slider-small-image a img { border: #ededed solid 1px }

.slider-bx-full-video {
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/normal-slider-shape.png) bottom center no-repeat; 
    padding: 0px 0 40px 0
}

.bx-slider-small-image {
    width: 600px;
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/half-slider-shape.png) bottom center no-repeat; 
    padding: 0px 0 40px 0
}

.bx-slider-small-text-right{
    width: 340px;
    padding-left: 20px
}

.bx-slider-small-text-left{
    width: 340px;
    padding-right: 20px
}

.bx-pager{
    margin: -35px 0 10px 430px;
    padding: 0;
    z-index: 2;
    position: absolute;
    text-align: center
}

.bx-pager .pager-link {
    background: url(images/slider_point.png) no-repeat;
    padding: 3px;
    margin-right: 5px;
    text-indent: -9999px;
    display: block;
    float: left
}

.bx-pager .pager-active { background:url(images/slider_point_active.png) no-repeat }


/*ORBIT SLIDER*/

.orbit-bullets {
    bottom: 0px;
    list-style: none
}

.orbit-bullets li {
    background: url(images/slider_point.png) no-repeat;
    height: 6px;
    width: 6px;
    text-indent: -9999px;
    display: block;
    float: left
}

.orbit-bullets .active {
    background-position: 0 0 !important;
    background: url(images/slider_point_active.png) no-repeat;
    opacity: 0.2
}

#orbit-slider { 
  width: 960px;
  background: url(images/ajax-loader.gif) no-repeat 50% 50%;  
  overflow: hidden
}

#orbit-slider img, 
#orbit-slider div { display: none }


/* HEADER IMAGE */
#image-from-url { 
    margin: 0 auto;
    width: 960px; 
    background-position: center;
    background-position: top;
    background-repeat: no-repeat
}
h2.twiit_head {
	 background: url("images/l_twitt.jpg") no-repeat scroll left center transparent;
    margin: -18px 0 10px 5px;
    padding: 10px 0 10px 45px;
     color: #222222;
    font-weight: bold;
}
ul.tweet_list li{
	line-height:1.2;
	margin:4px 0;
}
a.tweet_avatar {
	float:left;
	margin-right:4px;
}
span.tweet_text {
	width:220px;
}
/* PAGINATION */

.wp-pagenavi {
    clear: both; 
    padding: 0px 0 35px; 
    position: relative; 
    font-size: 11px; 
    line-height: 13px
}

.pages { 
    float: left;  
    margin: 4px 5px 2px 0 !important; 
    padding: 6px 9px 5px 9px !important; 
    text-decoration: none !important; 
    width: auto !important; 
    color: #777777 !important; 
    border: solid 0 #e2e2e2 !important;
}

.wp-pagenavi a { 
    float: left; 
    font-size: 11px !important; 
    margin: 2px 5px 2px 0 !important; 
    padding: 6px 9px 5px 9px !important; 
    text-decoration: none !important; 
    width: auto !important; 
    color: #777777 !important; 
    border: solid 1px #e2e2e2 !important; 
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/title_search_bg.jpg) repeat-x center !important
}

.wp-pagenavi a:hover {  
    font-size: 11px !important;  
    border: solid 1px #e2e2e2 !important;  
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/title_search_bg.jpg) repeat-x center !important
}

.wp-pagenavi .current { 
    float: left; 
    padding: 8px 9px 5px 9px !important;  
    color: #777777 !important;  
    border: solid 0 #e2e2e2 !important
}

.opacity-start { position: relative }


/* CONTACT FORM */

#message {
    margin: 10px 0; 
    padding: 0 
}

.error_message { 
    display: block; 
    line-height: 22px;  
    background: #FBE3E4 url('http://www.bargento.es/wp-content/themes/bargento/includes/contact-form/assets/error.gif') no-repeat 10px 13px; 
    padding: 10px 10px 10px 35px; 
    color: #8a1f11;
    border: 1px solid #FBC2C4
}

ul.error_messages { 
    margin: 0 0 0 -25px;
    padding: 0; 
    list-style: none;
}

ul.error_messages li { 
    height: 22px; 
    line-height: 22px;
    color:#bd4535; 
    font-style: italic;
}

.loader { padding: 0 10px }

#contact #success_page h1 { 
    background: url('http://www.bargento.es/wp-content/themes/bargento/includes/contact-form/assets/success.gif') left no-repeat; 
    padding-left: 22px 
}

.beeCodes-general-frame {
    margin: 0 auto;
    width: 960px;
    height: 330px;
    z-index: 2;
    position: relative
}

.beeCodes-slider {
    margin: 0 auto;
    width: 960px;
    height: 330px;
    overflow: hidden;
    background: url(images/ajax-loader.gif) no-repeat 50% 50% #f0f0f0;
    z-index: 2;
    position: absolute
}

.beeCodes-slider-item {
    left: 50%;
    right: 50%;
    width: 1920px;
    margin-left: -960px;
	position: absolute
}

.beeCodes-slider-frame {
    position: relative;
    height: 280px;
    margin-top: -280px;
    overflow: hidden;
    z-index: 1
}

.beeCodes-slider-frame-in {
    height: 225px;
    width: 960px;
    float: left
}

.beeCodes-left-frame {
    height: 225px;
    width: 480px;
    right: 0;
    padding-right: 480px
}

.beeCodes-right-frame {
    height: 225px;
    width: 480px;
    left: 0;
    padding-left: 480px;
}

.beeCodes-slide-3,
.beeCodes-slide-1 {
    width: 480px;
    height: 225px
}

.beeCodes-frame-hover-3, 
.beeCodes-frame-hover-1 { cursor: pointer }

.beeCodes-hover-1, 
.beeCodes-hover-3 {
    width: 480px;
    height: 221px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    position: absolute;
    margin-top:-225px;
    z-index: 7;
    display: none;
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;   
    -khtml-opacity: 0.8;   
    opacity: 0.8    
}

.beeCodes-hover-2 {
    width: 960px;
    height: 330px;
    border-bottom-color: black;
    border-bottom-style: solid;
    border-bottom-width: 4px;
    position: absolute;
    left: 0;
    z-index: 5;
    display: none;
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;   
    -khtml-opacity: 0.8;   
    opacity: 0.8   
}

.beeCodes-content-scroll {
    width: 960px;
    height: 330px;
    position: absolute;
    overflow: hidden;
    display: none;
    filter: alpha(opacity=80);  
    -moz-opacity: 0.8;   
    -khtml-opacity: 0.8;   
    opacity: 0.8; 
}
.beeCodes-title {
    width: auto;
    background-color: transparent!important;
    height: 330px
    
}

.beeCodes-content {
    color: white;
    padding: 15px 30px 15px 30px;
    background: black;
    margin-top: -20px;
    position: relative;
    z-index: 10
}

.beeCodes-title h1 {
    text-transform: uppercase;
    color: white;
    font-size: 18px!important;
    padding: 15px 30px 15px 30px;
    background: black;
    position: relative;
    z-index: 11
}

.link-hide {
    text-indent:-9999px; 
    position: absolute;
    cursor: pointer;
    width: 960px;
    height: 330px;
    z-index: 12
}

#applications {
    margin: 0;
    padding: 0 0 1px 0
}

#applications li {
    margin: 0;
    padding: 0
}


/* PORTFOLIO SMALL IMAGE 250 X 250PX */

.portfolio-small-sliders, 
.portfolio-small-sliders li {
    margin: 0;
    padding: 0;
    list-style: none
}

.portfolio-small-sliders li img {
    width: 320px !important;
    height: 250px !important;
    position: absolute
}

.portfolio-small-images ul li {
    width: 320px;
    height: 250px
}

.portfolio-small-images ul li {
    position: relative;
    z-index: 1
}

.portfolio-small-images ul li a.portfolio-hover-lightbox {
    position: absolute;
    width: 320px;
    height: 250px;
    opacity: 0.8;
    background: url(images/zoom_in.png) no-repeat center;
    z-index: 2
}

.portfolio-small-images ul li a.portfolio-hover-link {
    position: absolute;
    width: 320px;
    height: 250px;
    opacity: 0.8;
    background: url(images/plus_in.png) no-repeat center;
    z-index: 2;
}


/* PORTFOLIO SMALL FULLL 1000 X 320PX */

.portfolio-sliders, 
.portfolio-sliders li {
    margin: 0;
    padding: 0;
    list-style: none
}

.portfolio-full-images li img {
    width: 960px !important;
    height: 260px !important;
    position: absolute
}

.portfolio-full-images ul li {
    width: 960px;
    height: 260px
}

.portfolio-full-images ul li {
    position: relative;
    z-index: 1
}

.portfolio-full-images ul li a.portfolio-hover-lightbox {
    position: absolute;
    width: 960px;
    height: 260px;
    opacity: 0.8;
    background: url(images/zoom_in.png) no-repeat 30px 200px;
    z-index: 2
}
.portfolio-full-images ul li a.portfolio-hover-link {
    position: absolute;
    width: 960px;
    height: 260px;
    opacity: 0.8;
    background: url(images/plus_in.png) no-repeat 30px 200px;
    z-index: 2
}


/*PORTFOLIO SINGLE*/

#anything-slider-portfolio {
    margin: 10px 0 0px 0;
    list-style: none;
    padding: 0  
}

#portfolio-single-line {
    border-top-color: #efefef; 
    border-top-style: solid;
    border-top-width: 1px;
    margin: 0px -30px 20px -30px
}


/* PORTFOLIO SHORTCODE */

.portfolio-shortcode-homepage-left {
    position: absolute;
    width: 33px;
    height: 50px;
    background: url(http://www.bargento.es/wp-content/themes/bargento/images/left-arrow-slider.png) no-repeat center;
    opacity: 0.8;
    z-index: 100;
    bottom: 95px;
    left: 20px;
    cursor: pointer
}

.portfolio-shortcode-homepage-right {
    position: absolute;
    width: 33px;
    height: 50px;
    background:url(http://www.bargento.es/wp-content/themes/bargento/images/right-arrow-slider.png) no-repeat center;
    opacity: 0.8;
    z-index: 100;
    bottom: 95px;
    right: 20px;
    cursor: pointer
}


/*-----------------------------------------------------------------------------------*/
/*  10.  Other
/*-----------------------------------------------------------------------------------*/


#colorspy { 
    border: 2px solid #EEEEEE;
    padding: 7px 0 20px 20px; 
    margin: 0 0 7px 0; 
    font-size: 16px; 
    text-align: left; 
    color: #555; 
    background: #fbfbfb
}

#colorspy a { color: #e04f92 }

#colorspy legend { 
    font-size: 17px; 
    color: #bbb; 
    padding: 0 
}

.colorpicker { z-index: 999999 }

#theme_option_switcher {
	cursor: pointer;
    margin-top: -2px; 
    padding-left: 20px;
    position: absolute
}

#theme_option_button_close {
    margin-top: 0px;
    margin-left: 60px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    position: absolute
}

.option-button-close { background: #fff url(../../../data/icons/basicset/delete_16.png) no-repeat center }

.option-button-open { background: #fff url(../../../data/icons/basicset/plus_16.png) no-repeat center }

.theme_option_switcher {
	padding: 0 10px 0px 10px;
    background: white;
	color: #fff;
	position: fixed;
	left: 0px;
    width: 50px;
	top: 0px;
	z-index: 99999
 }

.theme_option {
	font-size: 10px;
	line-height: 1em;
	width: 80px;
	font-weight: normal
}

.theme_option form p {
    font-size: 10px !important;
    padding: 10px 0 5px 0;
    margin: 0;
    border-bottom: 0px silver solid
}

.theme_option select { width: 100% }

#theme_option_prewiev, 
#theme_option_prewiev2, 
#theme_option_prewiev3, 
#theme_option_prewiev4 {
	width: 50px;
	height: 20px;
	margin: 0px 0px 5px 0px;
	cursor: pointer;
    border: 1px solid #999
}
#mc_signup form#mc_signup_form input#mc_mv_EMAIL{
	background:#fff !important;

}
#mc_signup form#mc_signup_form #mc_signup_submit {
	color:#333;
	cursor:pointer;
}
#mc_unsub_link {
	margin-top:10px;
}
#mc_unsub_link a{
	font-size:11px;
	
}
#texture{
    padding:0px 0 60px
}

#texture-top { background-repeat: repeat }

.pattern-box {
    width: 21px;
    height: 20px;
    border: solid 1px #999;
    display: block;
    margin: 4px 4px 0px 0px;
    float: left;
    cursor: pointer
}

.pattern-box:hover { border: solid 1px orange }

.none { background-image: none !important }

.texture-none { background-image: none !important }

.texture-1 { background-image: url(images/textures/texture-1.png) !important; background-repeat: repeat!important }

.texture-2 { background-image: url(images/textures/texture-2.png) !important; background-repeat: repeat!important }

.texture-3 { background-image: url(images/textures/texture-3.png) !important; background-repeat: repeat!important }

.texture-4 { background-image: url(images/textures/texture-4.png) !important; background-repeat: repeat!important }

.texture-5 { background-image: url(images/textures/texture-5.png) !important; background-repeat: repeat!important }

.texture-6 { background-image: url(images/textures/texture-6.png) !important; background-repeat: repeat!important }

.texture-7 { background-image: url(images/textures/texture-7.png) !important; background-repeat: repeat!important }

.texture-8 { background-image: url(images/textures/texture-8.png) !important; background-repeat: repeat!important }

.texture-9 { background-image: url(images/textures/texture-9.png) !important; background-repeat: repeat!important } 

.texture-10 { background-image: url(images/textures/texture-10.png) !important; background-repeat: repeat!important }

.texture-11 { background-image: url(images/textures/texture-11.png) !important; background-repeat: repeat!important }

.texture-12 { background-image: url(images/textures/texture-12.png) !important; background-repeat: repeat!important }

.texture-13 { background-image: url(images/textures/texture-13.png) !important; background-repeat: repeat!important }

.texture-14 { background-image: url(images/textures/texture-14.png) !important; background-repeat: repeat!important }

.texture-15 { background-image: url(images/textures/texture-15.png) !important; background-repeat: repeat!important }

.texture-16 { background-image: url(images/textures/texture-16.png) !important; background-repeat: repeat!important }

.grid2 { background-image: url(images/textures/grid2.png) !important }

.grid3 { background-image: url(images/textures/grid3.png) !important }

.grid4 { background-image: url(images/textures/grid4.png) !important }

.grid5 { background-image: url(images/textures/grid5.png) !important }

.grid6 { background-image: url(images/textures/grid6.png) !important }

.grid7 { background-image: url(images/textures/grid7.png) !important }

.grid8 { background-image: url(images/textures/grid8.png) !important }

.grid9 { background-image: url(images/textures/grid9.png) !important }

.grid10 { background-image: url(images/textures/grid10.png) !important }

.grid11 { background-image: url(images/textures/grid11.png) !important }

.grid12 { background-image: url(images/textures/grid12.png) !important }

.grid13 { background-image: url(images/textures/grid13.png) !important }

.grid14 { background-image: url(images/textures/grid14.png) !important }

.grid15 { background-image: url(images/textures/grid15.png) !important; background-repeat: repeat!important }

.grid16 { background-image: url(images/textures/grid16.png) !important }

.grid17 { background-image: url(images/textures/grid17.png) !important }

.grid18 { background-image: url(images/textures/grid18.png) !important }

.grid19 { background-image: url(images/textures/grid19.png) !important }

.grid20 { background-image: url(images/textures/grid20.png) !important }

.bokeh-1 { background-image: url(images/textures/bokeh-1.jpg) !important; background-position: center; background-repeat: ; background-attachment: fixed }

.bokeh-2 { background-image: url(images/textures/bokeh-2.jpg) !important; background-position: center; background-attachment: fixed }

.bokeh-3 { background-image: url(images/textures/bokeh-3.jpg) !important; background-position: center; background-attachment: fixed }

.bokeh-4 { background-image: url(images/textures/bokeh-4.jpg)!important; background-position: center; background-attachment: fixed }

.bokeh-5 { background-image: url(images/textures/bokeh-5.jpg) !important; background-position: center; background-attachment: fixed }
.copyright {
	position:relative;
	top:-5px;
}
.copyright img{
	position:relative;
	top:5px;
	left:5px;
}
.last .footer_widget_midle {
	margin-top:10px;
}
.tf-1 { 
    background-image: url(images/textures/orange-extremium-lights.jpg)!important; 
    background-color: #b93300!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-2 { 
    background-image: url(images/textures/red-extremium-lights.jpg)!important; 
    background-color: #630708!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-3 { 
    background-image: url(images/textures/violet-extremium-lights.jpg)!important; 
    background-color: #25163d!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-4 { 
    background-image: url(images/textures/yellow-extremium-lights.jpg)!important; 
    background-color: #949023!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-5 { 
    background-image: url(images/textures/blue-extremium-lights.jpg)!important; 
    background-color: #0d2235!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-6 { 
    background-image: url(images/textures/dark-extremium-lights.jpg)!important; 
    background-color: #020202!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.tf-7 { 
    background-image: url(images/textures/green-extremium-lights.jpg)!important; 
    background-color: #1f3e05!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.bg-10 {
    background-image: url(images/textures/osxbg.jpg) !important; 
	background-repeat: repeat!important 
}

.silver-circle {
    background-image: url(images/textures/bg_010.jpg)!important; 
    background-color: gray!important; 
    background-repeat: repeat-x!important; 
    background-position: center top; 
    background-attachment: fixed 
}

.gradient-1 { 
    background-image: url(images/textures/gradiant-1.png) !important; 
    background-position: center bottom; 
    background-repeat: repeat-x; 
    background-attachment: fixed
}

#top-effect-frame-1, 
#top-effect-frame-2 {
    width: 33%;
    height: 10px;
    float: left
}

#top-effect-frame-3 {
    width: 34%;
    height: 10px;
    float: left
}

.top-effect-colour-1, 
.top-effect-colour-2, 
.top-effect-colour-3, 
.top-effect-colour-4, 
.top-effect-colour-5 {
    width: 100%;
    height: 10px;
    float: left
}

.top-effect-colour-1{ background-color: #878787 }

.top-effect-colour-2{ background-color: #6b6b6b }

.top-effect-colour-3{ background-color: #adadad }

.top-effect-colour-4{ background-color: #7a7a7a }

.top-effect-colour-5{ background-color: #3c3c3c }

test{ border-bottom-color: #a2abb1; }

.madza_widget_advertise_box1,
.madza_widget_advertise_box2,
.madza_widget_advertise_box3,
.madza_widget_advertise_box4 { float:left }

.madza_widget_advertise_box1 { padding: 5px 10px 5px 0px; }
.madza_widget_advertise_box2 { padding: 5px 0px 5px 0px; }
.madza_widget_advertise_box3 { padding: 0px 10px 30px 0px; }
.madza_widget_advertise_box4 { padding: 0px 0px 30px 0px; }
#curvs_cont {
	margin:0;
	padding:0;
	width:100%;
	position:relative;
}
#curv_top {
	position:absolute;
	top:135px;
	left:-1px;
	z-index:9999999999999999;
	width:100%;
	height:20px;
	background:url(images/ultra/portfolio-top-shape.png) no-repeat;
}
#curv_bot {
	position:absolute;
	top:265px;
	left:-1px;
	z-index:9999999999999999;
	width:100%;
	height:20px;
	background:url(images/ultra/slider-bottom.png) no-repeat;
}
.top_banners {
	margin-top:-10px;
}
ul#organiza, ul#patrocinador_gold, ul#patrocinador_silver, ul#colaboran {
	text-align:center;
}
ul#organiza li {
	display:block;
	width:100%;
}
span.posupz {
	position:relative;
	top:-12px;
}
@import "css/shortcodes.css";