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

a:link {
	color: #A0A4A5;
	text-decoration:none;
}
a:hover {
	color: #A23D48;
	text-decoration:none;
}
a:visited {
	color: #A0A4A5;
	text-decoration:none;
}
body {
	background: none repeat scroll 0 0 #1D1F23;
	color:#A0A4A5;
	font-family: 'Open Sans', sans-serif;
	margin:0px;
	font-size: 13px;
}

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

#bloq_left ul {
	margin-bottom:20px;
}

.tittle {
	font-size:17px;
	color:#A23D48;
}


#wrap {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1000px;
}
#menu {
	float:right;
	font-size:17px;
	margin-top:120px;
}


.men {
	float:left;
	margin-left: 30px;
	cursor:pointer;
}
#head {

	padding: 0 20px;
}
#content {
	float:left;
	width:990px;
	padding: 0 20px;
}


#foot {
	float:left;
	padding:20px 0px 20px 413px;;
	text-align:center;
}
#foot_index {
	float:left;
	padding:20px 0px 20px 550px;;
	text-align:right;
}

#foot_section {
	float:left;
	padding:20px 0px 20px 273px;;
	text-align:center;
}

.twitter {
	float:left;
	background:url(images/logo_twitter.png) no-repeat 0 0;
	margin:6px 2px;
	width:33px;
	height:27px;
	cursor:pointer;
}
.linkedin {
	float:left;
	background:url(images/logo_linkedin.png) no-repeat 0 0;
	margin:6px 2px;
	width:33px;
	height:27px;
	cursor:pointer;
}
.vimeo {
	float:left;
	background:url(images/logo_vimeo.png) no-repeat 0 0;
	margin:6px 2px;
	width:33px;
	height:27px;
	cursor:pointer;
}
.skype {
	float:left;
	background:url(images/logo_skype.png) no-repeat 0 0;
	margin:6px 2px;
	width:33px;
	height:27px;
	cursor:pointer;
}
.mail {
	float:left;
	background:url(images/logo_mail.png) no-repeat 0 0;
	margin:6px 2px;
	width:33px;
	height:27px;
	cursor:pointer;
}

.twitter:hover {
	background-position: 0 -27px;
}
.linkedin:hover {
	background-position: 0 -27px;
}
.vimeo:hover {
	background-position: 0 -27px;
}
.skype:hover {
	background-position: 0 -27px;
}
.mail:hover {
	background-position: 0 -27px;
}

#sign {
	clear:both;
	color:#A0A4A5;
	font-size:12px;
}


/* LINES */
#llogo {
	background: url("images/line.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    width: 264px;
	height: 264px;
}
#llogo2 {
	background: url("images/line2.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    width: 450px;
	height: 450px;
	left:-26px;
}

#ldemoreel {
	background: url("images/line3.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    right: 283px;
    top: -50px;
    width: 100px;
	height: 100px;
}

#labout {
	background: url("images/line3.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    right: 166px;
    top: -50px;
    width: 100px;
	height: 100px;
}

#lcontact {
	background: url("images/line3.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    right: 82px;
    top: -50px;
    width: 100px;
	height: 100px;
}
/* BUTTONS */


.arrow {
	background: url("images/arrow.png") no-repeat scroll left 47% transparent;
	padding:0 0 0 20px;
}


/* HOME */

#logo {
	float:left;
	background: url("images/jjmartin.png") no-repeat scroll 0 0 transparent;
	width:500px;
	height:460px;
	margin:0 245px;
}

#home_text {
	float:left;
	width:500px;
	margin:20px 245px;
	text-align:center;
	font-size:14px;
}

/* DEMOREEL */

#logo_m {
	float:left;
	background: url("images/jjmartin_m.png") no-repeat scroll 0 0 transparent;
	width:281px;
	height:110px;
	margin-top:60px;
}


#llogo_m {
	background: url("images/line.png") no-repeat scroll 0 0 transparent;
    position: absolute;
    width: 168px;
	height: 168px;
	left:-63px;
}

#bloq_left {
	float:left;
	width:200px;
	margin-right:20px;
	margin-top:30px;
}

#bloq_right{
	float:left;
	width:740px;
	margin-top:30px;
}

#vimeo {
	width:740px;
	height:500px;
}

#cabout {
	width:740px;
	height:200px;
}

#cabout2 {
	margin-top:40px;
	width:740px;
	height:100px;
}

/* MATTE */

.matte {
	width:740px;
	height:315px;
	margin-bottom:10px;
}