/*
Theme Name: B&L Web 2011
Theme URI: http://bylcomunicaciones.com
Description: B&L Comunicaciones
Version: 1
Author: B&L
Author URI: http://bylcomunicaciones.com

Made with the Minima theme for WordPress.
http://p.contraculto.com/minima
Mínima is distributed under a GNU GPL v3 license.
http://www.gnu.org/copyleft/gpl.html

01: CSS Resets.
02: Common and Specials.
03: Wordpress Special tags.
04: Basic Structure.
05: Header.
06: Main Content.
	06.01: Comments.
07: Sidebar.
08: Footer.
*/

/* * * * * * * * * * * * * * * * * * * * 01:CSS Resets */

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}

/* * * * * * * * * * * * * * * * * * * * 02:Common and Specials. */

strong	{font-weight:bold}
.clear	{clear:both}
a	{color:#8b8b8b;text-decoration:none}
a:hover	{color:#8b8b8b;text-decoration:underline}

/* * * * * * * * * * * * * * * * * * * * 03:WordPress Special Tags */

.aligncenter	{display:block;margin:0 auto}
.alignleft	{float:left}
.alignright	{float:right}
.wp-caption	{margin:10px;border:1px solid #aaa;background:#f3f3f3;padding-top:4px}
.wp-caption img	{}
.wp-caption p.wp-caption-text	{padding:0 4px 5px;line-height:17px;font-size:11px}

/* * * * * * * * * * * * * * * * * * * *  04:Basic Structure. */

body	{margin:40px 20px;background:#fff;text-align:center;color:#8b8b8b;font-family:'Myriad Pro',Calibri,'Helvetica Neue',Helvetica,'Bitstream Vera Sans',Arial,sans-serif}
#wrapper	{margin:0 auto;padding:0 35px;width:900px;text-align:left;background:transparent url(img/header_logo.jpg) 0 0 no-repeat}
#main	{}

/* * * * * * * * * * * * * * * * * * * * 05:Header. */

#header	{margin-bottom:20px}

#header_branding	{position:relative;margin-bottom:10px;height:100px}
#header h1	{display:none;visibility:hidden}

#header_homelink	{display:block;position:absolute;top:0;left:0;width:145px;height:90px}

#header_date	{position:absolute;right:0;top:0;text-align:right;font-size:12px;color:#777;}

#header_search	{position:absolute;right:0;bottom:0;width:200px;height:20px;background:transparent url(img/header_search.jpg) center center no-repeat}
#header_search input	{position:absolute;border:none;background:transparent}
#header_search_text	{top:0;left:5px;width:160px;}
#header_search_submit	{bottom:0;right:0;width:20px;height:20px}

#header_navigation	{text-align:right;font-size:14px}
#header li	{display:inline;margin-left: 15px;}
#header_navigation .current-menu-item, #header_navigation .current_page_parent	{font-weight:bold}

/* * * * * * * * * * * * * * * * * * * * 06:Home. */

#home_portafolio {margin-bottom:10px;text-align:center;font-size:12px;line-height:26px;}
#home_portafolio a	{display:inline-block;border:1px solid #d4d4d4;width:145px;height:26px;}
#home_portafolio_medios	{width:148px !important}

#home_destacados	{margin-bottom:20px;border:1px solid #d4d4d4;width:898px;height:350px;line-height:0}

.home_destacados_info	{display:none;position:absolute;bottom:0;left:0;width:898px;background:rgba(254,254,254,0.6)}
.home_destacados_info p	{margin-bottom:0;padding:10px;color:#333;font-weight:bold;line-height:20px;font-size:20px}

#home_destacados li	{height:350px}

#home_destacados li:hover .home_destacados_info {display:block !important}

#home_marcas	{text-align:center;width:900px;height:60px}
.home_marcas_row	{width:900px;height:60px}
#home_marcas img	{margin:0 15px;}

/* * * * * * * * * * * * * * * * * * * * 06:Main Content. */

#content	{overflow:hidden;margin-bottom:40px;}

.pagination	{text-align:center;font-size:12px;}
.pagination a, .pagination span {padding: 0 5px}
.pagination .current {font-weight:bold}

/* * * * * * * * * * 06.01: General. */

.single	{margin-bottom:60px;line-height:18px;font-size:13px}
.single h2	{margin-bottom:18px;line-height:20px;font-size:20px}
.single p	{margin-bottom:18px}

.single ul, .single_body ol	{margin-bottom:24px;list-style-position:inside}
.single ul li	{margin-bottom:12px;list-style-type:disc}
.single ol li	{margin-bottom:12px;list-style-type:decimal}
.single blockquote	{margin-bottom:24px;border-left:1px solid #aaa;padding-left:10px;font-style:italic}

/* * * * * * * * * * 06.02: Empresa. */

.personas	{margin-top:40px;text-align:left}

/* * * * * * * * * * 06.02: Portafolio. */

.portafolio_title	{text-align:center;font-size:18px;font-weight:bold}
.portafolio_submenu	{text-align:right; }
.portafolio_submenu a	{display:inline-block;margin-left:10px}

.portafolio_submenu .current	{font-weight:bold}


/* * * * * 06.02.01: Portafolio: Listados. */

body.blog .single, body.category .singles	{position:relative;margin-bottom:20px}
body.blog .single img, body.category .single img	{border:1px solid #aaa}

.portafolio_item{line-height:0}
.portafolio_single_info	{display:none;position:absolute;bottom:1px;left:1px;width:897px;background:rgba(254,254,254,0.6)}
.portafolio_single_info p	{margin-bottom:0;padding:10px;color:#333;font-weight:bold;line-height:20px;font-size:20px}
body.blog .single:hover .portafolio_single_info, body.category .single:hover .portafolio_single_info {display:block !important}

/* otros */
body.blog .otros, body.category .otros	{position:relative;margin-bottom:20px}
body.blog .otros img, body.category .otros img	{border:1px solid #aaa}

.otros_item{line-height:0}
.otros_single_info	{display:none;position:absolute;bottom:1px;left:1px;width:897px;background:rgba(254,254,254,0.6)}
.otros_single_info p	{margin-bottom:0;padding:10px;color:#333;font-weight:bold;line-height:20px;font-size:20px}
.otros_single_infor a{text-decoration:none;}
body.blog .otros:hover .otros_single_info, body.category .otros:hover .otros_single_info {display:block !important; text-decoration:none;}
/**** book-web */
.cajita{width: 900px;float: left;}
body.blog .web, body.category .web	{position:relative;margin-bottom:40px}
body.blog .web img, body.category .web img	{border:1px solid #aaa}
.book_single_info{float:left;width: 315px;margin-left:25px; margin-top:10px;}
.mapa{width:337px;height:25px;float:right}
.book_single_info h1{font-size:25px;}
.book_single_info p{margin-top:10px; }
.book_single_info h2{margin-top:-15px; font-size:13px; font-weight: normal}
.book_single_info:hover{text-decoration:none;}
.book_single_info a{text-decoration:none;}
.mapa span{font-weight:normal;font-size:15px;margin-left: 23px;border: 1px solid #CCC;padding:5px;}
.mapa:hover{text-decoration:none;}
.mapa a{text-decoration:none;}
.book_single_info h4{font-weight: normal; line-height:20px; margin-top:20px;}
.single_slide{float:left;width: 560px;overflow: hidden;position: relative;}
.slider{width:1680px;}
#carousel_ul {position:relative;left:0px;list-style-type: none;margin:0px;padding:0px;width:9999px;list-style:none;}
#carousel_ul li{float:left;width:560px;height:520px;}
#carousel_ul li img {margin-bottom:-4px; }
#left_scroll img, #right_scroll img{cursor: pointer; cursor: hand;margin-right:5px; padding-top:30px;}  
#left_scroll {float: left;height: 80px;width: 15px;position: relative;margin-top: 225px;margin-left: -550px;}
#right_scroll {float: left;height: 80px;width: 15px;position: relative;margin-top: 225px;margin-left: -40px;}
.web_item {display:inline; margin-right:40px; margin-bottom:40px; width:260px; height:240px; float:left;}
.web_single_info	{display:none;position:absolute;bottom:1px;left:1px;width:260px;background:rgba(254,254,254,0.6); float: left; margin-top: -42px;}
.web_single_info p	{margin-bottom:0;padding:10px;color:#333;font-weight:bold;line-height:20px;font-size:20px}
.web_single_info a{text-decoration:none;}
.web:hover .web_single_info {display:block !important; text-decoration:none;}

/* * * * * 06.02.02: Portafolio: Singles. */

body.post .single	{position:relative;margin-bottom:20px;}

.pieza	{clear:both;overflow:hidden;margin-bottom:30px}
.pieza_imagen img	{border:1px solid #aaa}
.pieza_info p	{margin-bottom: 0;}

.pieza_imagen	{float:left;}
.pieza_info	{margin-left:15px;float:left;margin-top:15px}
.pieza.vertical	.pieza_info	{width:300px;}
.pieza.horizontal .pieza_info	{width:185px;}

.pieza_video	{float:left;}
.pieza.video .pieza_info	{width:185px;}

.navigation	{margin:10px 0}
.navigation_older	{float:left}
.navigation_newer	{float:right}

/* - - - - - - - - * 08.02: Comments. */

#comments{padding-bottom:20px}
#comments h4{margin-bottom:20px}
#comments_block{}

.comments_single{margin-bottom:20px}
.comments_single_meta p{color:#ddd;font-size:10px;font-weight:bold}
.comments_single_content{margin-top:4px; line-height:16px; font-size:14px}
.comments_single_content span{font-weight:bold;font-style:italic;}

#comments_callforcomments{margin-bottom:10px; font-size:14px; font-weight:bold}
#comments_registereduser{margin-bottom:10px; font-size:12px}

#comments label{display:inline-block; margin-right:10px; width:250px; text-align:right; font-size:12px}
#comments input{margin-bottom:10px; width:440px; border:1px solid #b7b7b7}
#comments textarea{margin:0 0 10px 260px; width:440px; height:200px; border:1px solid #b7b7b7}
#comments input#submit{margin-left:552px; width:150px}

/* * * * * * * * * * * 06.03: Clientes. */

.clientes_nombres	{width:200px;line-height:16px;}
.clientes_nombres p	{margin-bottom:2px}

.clientes_logos	{width:690px}
.clientes_logos img	{display:block;float:left;margin:0 0 15px 15px}

/* * * * * * * * * * * 06.03: Contacto. */

#contacto_form	{float:left;width:500px}
#contacto_form p	{text-align:right}
#contacto_form label	{margin-right:15px;display:inline-block;width:120px;text-align:right}
#contacto_form input, #contacto_form textarea	{border-top:0;border-left:0;border-right:0;border-bottom:2px solid #c9c9c9;background:#f4f4f4;width:350px;padding:5px}
#contacto_form textarea	{margin-left:135px;height:150px}
#contacto_enviar	{margin-left:375px;width:100px !important;background:#fff !important;border:1px solid #c9c9c9 !important}

#contacto_info	{float:right;width:350px}
#contacto_info p	{margin-bottom:5px}
#contacto_info span{text-decoration:underline}

/* * * * * * * * * * * * * * * * * * * * 08:Footer */

#footer	{border-top:1px solid #d4d4d4;padding-top:10px;text-align:right;line-height:14px;font-size:11px}