/*
    Project Name: Blumegrafik
    Author: Ariel Glaz Graphic Designer
    Author URL: http://www.arielglaz.com.ar
    Version: 1.0
*/


@charset "UTF-8";
/* CSS Document */

body {
	font-family: 'Abel', sans-serif;
}

a {
	color:#323232;
	text-decoration:none;
	cursor:pointer !important;
	border:none;
}

img {
	border:none;
}

ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

#site {
	width:896px;
	margin:70px auto 0px auto;
	height:600px;
}
#left {
	width:250px;
	float:left;
	background:url(../img/line.png) no-repeat right;
}

#menu {
	font-size:16px;
	margin-top:56px;
	width:180px;
}

.submenu {
	font-size:13px;
}
.submenu li {
	margin-bottom:7px;
	padding-left:18px;
}
.subsubmenu {
	margin-bottom:40px;
	
}
.subsubmenu li {
	margin-bottom:2px;
	color:#5a5a5a;
	cursor:pointer;
	padding-left:0px;
}
.subsubmenu li a {
	padding-left:18px;
}
.subsubmenu li:hover {
	background:url(../img/subsubmenu-hover.png) no-repeat 0px 8px;
}

.portfolio {
	background:#323232;
	color:#FFF;
	width:165px;
	display:block;
	padding:1px 0px 2px 15px;
	margin-bottom:10px;
}
.acc_trigger {
	color:#323232;
}
.bottom li {
padding-left:15px;
}
.bottom li a {
	cursor:pointer;
}
.contacto-dotted {
	margin-top:-14px;
}
#right {
	width:645px;
	float:left;
	
	overflow:hidden;
}
.home-right {
	width:352px;
	margin:0 auto;
	display:block;
	padding-top:33px;
}
/*.rightdisplay {
	display:block !important;
}
.rightdisplay2 {
	display:none !important; 
}
*/
.nosotros-text {
	width:480px;
	padding-left:95px;
	padding-top:45px;
	font-size:14px;
	line-height:30px;
	letter-spacing:1px;

}
.nosotros-top {
	border-bottom:1px dotted #000;
	padding-bottom:48px;
}
.nosotros-cv {
	font-size:12px;
	width:220px;
	line-height:16px;
	padding-top:48px;


}
.nosotros-cv ul {
	margin-bottom:20px;
}
.nosotros-cv ul li {
	margin:0px;
	padding:0px;
}
.left {
	float:left;
}
.right {
	float:right;
}
.servicios-text {
	width:500px;
	padding-left:95px;
	padding-top:40px;
	font-size:14px;
	line-height:14px;
	letter-spacing:1px;
}
.contacto-text {
	width:500px;
	padding-left:95px;
	padding-top:32px;
	font-size:14px;
	line-height:18px;
	letter-spacing:2px;
}
.contacto-text h1 {
	letter-spacing:2px;
	font-weight:normal;
	font-size:32px;
}
.contacto-text h1 a:hover {
	color:#000;
}
.servicio-titulo {
	font-size:28px;
	padding-top:15px;
	display:block;
}
.active {
	background:url(../img/subsubmenu-hover.png) no-repeat 0px 12px;
}
.active2 {
	background:url(../img/subsubmenu-hover.png) no-repeat 0px 8px !important;
}
.loading {
	background:url(../img/loading.gif) no-repeat 0px 2px;
}











/*-----------------------------------------------------------------------------------*/
/*	GALLERY
/*-----------------------------------------------------------------------------------*/

#gallery-wrapper {
	overflow: hidden;
	width:645px;
}

#gallery {
	overflow: hidden;
	margin: 0;
}

.gallery li img {
	background-color: #FFF;
}

.gallery ul {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
}

.gallery li {
	font-size:40px;
	text-align:center;
	display:inline;
	padding:0;
	margin-right:10px;
	float:left;
}

.keyboard {
	font-family: 'CrimsonItalic';
	font-size: 12px;
	margin-top: 8px;
}

.galleries {
	margin-top: 40px;
}

.galleries ul li {
	position: relative;
}

.galleries ul li span {
	position: absolute;
	background-color: #FFF;
	padding: 3px 10px;
	bottom: 15px;
	right: 5px;
	opacity: .85; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	font-family: 'CrimsonItalic';
	font-size: 15px;
	color: #505050;
	letter-spacing: 0.2px;
}
.controls {
	margin-top:15px;
	text-align:center;
	font-size:14px;
}
.controls p {
	margin:0;
	text-transform:lowercase;
}