@charset "utf-8";
/* CSS Caracas Aluminios */

body {
	background:#000;
	font-family: 'Didact Gothic', sans-serif;
	color:#fafafa;
}
.main {
	width:896px;
	margin:0px auto;
	overflow:auto;
}
/*********************************************************************************** .controllers */
.main .content .title {
	font-size:30px;
	display:block;
	background:url(../images/title_bullet.png) no-repeat left bottom;
	padding:5px 0px 10px 20px;
}
.main .content .title_small {
	font-size:17px;
	display:block;
	padding:0px 3px 8px 3px;
	text-align:center;
	font-weight:normal;
	height:34px;
}
.main .content .title_small a {
	font-size:17px;
	color:#fafafa;
	display:block;
	position:absolute;
	max-width:126px;
}
.main .content .desc {
	display:block;
	padding:10px;
	background:url(../images/desc_bullet.png) no-repeat left top;
	text-align:justify;
	font-size:16px;
	margin-bottom:30px;
}
.main .content .desc .slide-prod {
	float:left;
	margin-right:20px;
	margin-bottom:10px;
	max-height:248px;
	max-width:280px;
}
/*********************************************************************************** .exceptions */

.main .content .t-r {
	background:url(../images/title_bullet_r.png) no-repeat 20px bottom;
	padding:5px 82px 10px 0px;
	text-align:right;
}
.main .content .title_serv {
	text-align:right;
	display:block;
	margin-bottom:5px;
	font-size:25px;
	margin-right:64px;
	padding-right:10px;
	padding-bottom:5px;
	border-right:1px dashed #666;
	border-bottom:1px dashed #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.main .content .title_serv a{
	font-size:25px;
	color:#fafafa;
}
.main .content .d-r {
	background:url(../images/desc_bullet.png) no-repeat 553px top;
	text-align:justify;
	margin-bottom:30px;
	padding-left:30px;
	padding-right:82px;
	overflow:auto;
}
.main .content .serv {
	overflow:auto;
}
.main .content .desc .i-r {
	float:right;
	margin-left:20px;
	margin-bottom:10px;
	max-height:248px;
	max-width:280px;
}
/*********************************************************************************** .header */
.main .header {
	background:url(../images/header_bg.jpg) no-repeat left top;
	height:370px;
}
.main .header .dir {
	float:left;
	color:#b8b8b8;
	font-size:17px;
	line-height:18px;
	padding-bottom:3px;
	padding-left:15px;
}
.main .header .logo_l {
	position:absolute;
	width:221px;
	height:165px;
	background:url(../images/logo_l.jpg) no-repeat;
	margin-left:-221px;
	margin-top:21px;
}
.main .header .logo {
	float:left;
	width:248px;
	height:166px;
}
.main .header .logo a {
	float:left;
	width:248px;
	height:166px;
	background:url(../images/logo.png) no-repeat;
}
.main .header .logo a h1 {
	text-indent:-9999px;
}
.main .header .slider-wrapper {
	float:right;
	width:648px;
	height:336px;
}
.slider-wrapper img {
	width:648px;
	height:336px;
}
.main .header .nav {
	width:829px;
	float:left;
	background:url(../images/nav_bg.png) left no-repeat;
	height:34px;
	padding-left:67px;
}
.main .header .nav a {
	font-size:19px;
	color:#fafafa;
	float:left;
	margin-left:31px;
	margin-top:8px;
}
.main .header .nav .menu_bullet {
	float:left;
	width:2px;
	height:26px;
	background:url(../images/menu_bullet.png);
	margin-top:6px;
	margin-left:32px;
}
.main .header .nav a:last-child {
	background:none;
}
/*********************************************************************************** .content */

.main .content {
	overflow:auto;
}
.main .content .sidebar {
	float:left;
	background:url(../images/sidebar_bg.jpg) repeat-x top;
	width:228px;
	height:960px;
	padding:10px;
}
.main .content .sidebar .cat_list {
	margin-top:30px;
}
.main .content .sidebar .cat_list li {
	padding-left:49px;
	margin-top:25px;
}
.main .content .sidebar .cat_list li a {
	font-size:22px;
	color:#fafafa;
}
/*********************************************************************************** .inner */
.main .content .inner {
	width:620px;
	padding:10px 0px 10px 28px;
	float:right;
	background:url(../images/inner_bg.jpg) no-repeat left top;
	min-height:527px;
}
.main .content .inner .slider-cat {
}
.main .content .inner .slider-cat li {
	width:582px;
	overflow:auto;
	padding-right:10px;
}
.main .content .inner .slider-cat_two li {
	width:508px;
	overflow:auto;
	padding-right:10px;
}
.main .content .inner .prev {
	width:53px;
	height:53px;
	background:url(../images/b_prev.png) no-repeat;
	position:absolute;
	margin-top: -22px;
	margin-left: -30px;
	cursor:pointer;
}
.main .content .inner .next {
	width:53px;
	height:53px;
	background:url(../images/b_next.png) no-repeat;
	position:absolute;
	margin-top: -22px;
	margin-left: 542px;
	cursor:pointer;
}
.main .content .inner .grid li  {
	float:left;
	margin-left:16px;
	font-size:13px;
	width:130px;
	margin-top:30px;
	padding-bottom:10px;
	border-bottom:1px solid #333;
}
.main .content .inner .grid li a  {
	display:block;
}
.main .content .inner .grid li:first-child  {
	margin-left:0px;
	margin-top:0px;
}
.main .content .inner .grid li .imgcont {
	width:130px;
	height:100px;
	position:relative;
	overflow:hidden;
	border:2px solid #4e4e4d;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.main .content .inner .grid li img {
	width:130px;
}
.main .content .inner .grid li span {
	padding-top:10px;
	display:block;
}
.main .content .inner .grid li .ref {
	text-decoration:underline;
}
.main .content .inner .gal {
	display:block;
	margin-top:-10px;
}
.main .content .inner .gal li {
	float:left;
	margin-left:36px;
	margin-top:20px;
}
.main .content .inner .gal li:first-child {
	margin-left:0px
}
.main .content .inner .gal li .imgcont {
	width:130px;
	height:120px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px rgba(243, 243, 243, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(243, 243, 243, 0.75);
	box-shadow:         0px 0px 6px rgba(243, 243, 243, 0.75);
	position:relative;
	overflow:hidden;
}
.main .content .inner .gal li img {
	width:130px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.main .content .desc .prod {
	display:block;
	text-align:center;
	margin:15px auto;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px rgba(243, 243, 243, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(243, 243, 243, 0.75);
	box-shadow:         0px 0px 6px rgba(243, 243, 243, 0.75);
	max-width:550px;
}
.main .content .desc #ref {
	display:block;
	margin-top:30px;
	text-decoration:underline;
}
/**************************/
.main .content .desc #carousel_container {
	overflow:auto;
	padding:5px;
	width:488px;
	margin:0 auto;
	margin-bottom:25px;
}
#carousel_inner {
float:left; /* important for inline positioning */
width:488px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
/* non-important styling bellow */
}

#carousel_ul {
position:relative;
left:-130px; /* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px; /* important */
/* non-important styling bellow */
padding-bottom:10px;
}

#carousel_ul li{
	float:left;
	margin-left:22px;
}

#carousel_ul li img {
	.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
	/* styling */
	cursor:pointer;
	cursor: hand; 
	width:100px;
	height:80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 6px rgba(243, 243, 243, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(243, 243, 243, 0.75);
	box-shadow:         0px 0px 6px rgba(243, 243, 243, 0.75);
}
#left_scroll {
	position:absolute;
	margin-top:24px;
	margin-left:-20px;
}
#right_scroll{
	position:absolute;
	margin-left:504px;
	margin-top:24px;
}
#left_scroll img, #right_scroll img{
/*styling*/
cursor: pointer;
cursor: hand;
}


/*********************************************************************************** .footer */

.footer {
	background:url(../images/footer_bg.png) repeat-y center;
	background-size:100% 100%;
	border-top: 2px solid #c0b7b7;
	border-bottom: 2px solid #c0b7b7;
	margin-bottom:40px;
}
.footer .int {
	width:896px;
	margin:0 auto;
	text-align:center;
	color:#000;
	font-size:16px;
	padding:10px;
	background:url(../images/logo_footer.png) left 50px no-repeat;
}
.footer .int a {
	color:#000;
	font-size:16px;
	padding-left:10px;
	padding-right:10px;
}
.footer .int .data {
	line-height:20px;
}
.footer .int img {
	position: absolute;
	margin-left: 612px;
	margin-top: 60px;
}


/*********************************************************************************** .forms */

form.contactform {
        height: 318px !important;
	width:570px;
	height: 370px;
	padding: 10px;
	margin:40px auto;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px dashed #ddd;
	overflow:auto;
}
form.contactform input {
	float: left;
	margin-top:15px;
	padding-left:10px;
	width:250px;
	height:25px;
	margin-left:10px;
	color:#ccc;
	font-style:italic;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	-webkit-box-shadow: 0px 0px 6px rgba(243, 243, 243, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(243, 243, 243, 0.75);
	box-shadow:         0px 0px 6px rgba(243, 243, 243, 0.75);
	background:transparent;
}
form.contactform .focus {
	color:#fff;
}
form.contactform input.submit {
    margin-left: 479px !important;
	width: 62px;
	height: 28px;
	display:block;
	margin:0 auto;
	cursor:pointer;
	float:none;
	color:#ddd;
	font-style:normal;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	-webkit-box-shadow: 0px 0px 6px rgba(243, 243, 243, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(243, 243, 243, 0.75);
	box-shadow:         0px 0px 6px rgba(243, 243, 243, 0.75);
	font-size:15px;
	background:#999;
	padding:0;
}
form.contactform textarea {
	margin-top:15px;
	width:518px;
	font-size:12px;
	max-width:518px;
	float:left;
	padding-left:10px;
	padding-top:4px;
	height:102px;
	max-height:102px;
	margin-left:10px;
	margin-bottom:20px;
	font-family:Verdana;
	color:#ccc;
	font-style:italic;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	-webkit-box-shadow: 0px 0px 6px rgba(243, 243, 243, 0.75);
	-moz-box-shadow:    0px 0px 6px rgba(243, 243, 243, 0.75);
	box-shadow:         0px 0px 6px rgba(243, 243, 243, 0.75);
	background:transparent;
}

/*/////////////////////////////////////////////////////////////////////////////// PAGINATOR   */


a.paginator {
	color:#ccc;
	font-size:14px;
	font-style:italic;
}
a.paginator:hover {
	font-size:14px;
	color:#fff;
	font-style:italic;
}
b.vis {
	font-weight:bold;
	font-size:14px;
	font-style:italic;
}
span.paginator-cont {
	text-align: center;
	margin-top: 25px;
	float: right;
	width: 100%;
	padding:6px 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px rgba(243, 243, 243, 0.75);
	-moz-box-shadow:    0px 0px 5px rgba(243, 243, 243, 0.75);
	box-shadow:         0px 0px 5px rgba(243, 243, 243, 0.75);
}