@import url("jScrollPane.css");

img, .png, a:link, a:hover, a:visited { border:0px; text-decoration:none; }

div, a, span { margin: 0px; padding: 0px; }

body{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	background: url(../imgs/background.jpg) top right no-repeat;
	margin:0px 0px 0px 0px;
}

h1{
	background: url(../imgs/logo.png) no-repeat top left;
	text-indent: -9999px;
	margin: 0px;
	padding: 0px;
	height: 97px;
	width: 405px;
	display:block;
	cursor: pointer;
}

h2{
	background: url(../imgs/titVideo&Multimedia.png) no-repeat;
	margin: 0px;
	padding: 0px;
	width: 353px;
	height: 19px;
	text-indent: -9999px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	margin: 0px;
	padding: 0px;
}

h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

p{
	line-height: 1.6em;
	text-align: justify;
}

a, a:hover, a:active, a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
/*///*/

#Container{
	width: 1002px;
	clear: both;
	text-align: left;
	margin:0px auto;
	padding: 0px;
	border: 0px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index:1;
}

#HeaderCont {
	width: 1002px;
	height: 99px;
	clear: both;
}

#PaginaBuscador {
	width: 1002px;
	height: 44px;
	clear: both;
}

#Site {
	width: 1002px;
	height: 546px;
	clear: both;
}

#MenuCont {
	width: 1002px;
	height: 57px;
	clear: both;
	z-index: 1002;
}
/*///*/

#HeaderLeft {
	width: 405px;
	height: 97px;
	margin: 1px;
	float: left;
}

#GuyCirinelli{
	float: left;
	width: 199px;
	height: 74px;
	padding-top: 25px;
	padding-left: 394px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 30px;
}

#GuyCirinelli .SubTitulo{
	color: #ed1c24;
	font-size: 23px;
}

/* /// */

#MenuPcipal{
	height: 57px;
	text-align: right;
	width: 616px;
	padding-left: 350px;
}

#MenuPcipal ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

#MenuPcipal ul li{
	margin: 0px;
	padding: 0px;
	float: left;
	display: block;
	height: 57px;
}

#MenuPcipal ul li.links{
	height: 57px;
	margin: 0px;
	padding: 0px;
}

a#btn_Home {
	display: block;
	width: 118px;
	height: 57px;
	text-indent: 9999px;
	background: url(../imgs/btn_Home.png) top left no-repeat;
	overflow: hidden;
}

a#btn_Home:hover {
	background-position: 0 -59px;
}

a#btn_About {
	display: block;
	width: 118px;
	height: 57px;
	text-indent: 9999px;
	cursor: pointer;
	background: url(../imgs/btn_About.png) top left no-repeat;
	overflow: hidden;
	background-position: 0 0px;
	z-index: 1002;
}


a#btn_Portfolio {
	display: block;
	width: 133px;
	height: 57px;
	text-indent: 9999px;
	background: url(../imgs/btn_Portfolio.png) top left no-repeat;
	overflow: hidden;
	background-position: 0 0px;
}


a#btn_Faqs {
	display: block;
	width: 118px;
	height: 57px;
	text-indent: 9999px;
	background: url(../imgs/btn_Faqs.png) top left no-repeat;
	overflow: hidden;
}

a#btn_Faqs:hover {
	background-position: 0 -59px;
}

a#btn_Contact {
	display: block;
	width: 129px;
	height: 57px;
	text-indent: 9999px;
	background: url(../imgs/btn_Contact.png) top left no-repeat;
	overflow: hidden;
}

a#btn_Contact:hover {
	background-position: 0 -59px;
	
}

a#btn_Prev {
	display: block;
	width: 71px;
	height: 50px;
	text-indent: -9999px;
	background: url(../imgs/btn_prevAB.png) top left no-repeat;
	overflow: hidden;
	outline:none;
}

a#btn_Prev:hover {
	background-position: 0 -50px;
}

a#btn_Next {
	display: block;
	width: 69px;
	height: 50px;
	text-indent: -9999px;
	background: url(../imgs/btn_nextAB.png) top left no-repeat;
	overflow: hidden;
	outline:none;
}
a#btn_Next:hover {
	background-position: 0 -50px;
}
a#btn_Dimm {
	display: block;
	width: 60px;
	height: 51px;
	text-indent: -9999px;
	background: url(../imgs/btn_dimAB.png) top left no-repeat;
	overflow: hidden;
}
a#btn_Dimm:hover {
	background-position: 0 -51px;
}

a#btn_Submit {
	display: block;
	width: 79px;
	height: 23px;
	text-indent: -9999px;
	background: url(../imgs/btn_SubmitAB.png) top left no-repeat;
	overflow: hidden;
	outline:none;
}
a#btn_Submit:hover {
	background-position: 0 -23px;
}
/* /// */

#PBLeft {
	width: 405px;
	height: 42px;
	margin: 1px;
	float: left;
}
#PBRight{
	float: left;
	width: 199px;
	height: 28px;
	padding-left: 300px;
	padding-top: 14px;
}
	#buscador{
		width: 275px;
		height: 23px;
		background: url(../imgs/bg_inputSearch.png) no-repeat;
	}
		#buscador form {
			margin: 0px;
			padding: 0px;
		}
			#buscador form #Izda {
				width: 196px;
				height: 23px;
				float: left;
			}
			#buscador form #Dcha {
				width: 79px;
				height: 23px;
				float: left;
			}
			#buscador form #Izda .Field {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
				color: #000000;
				margin: 0px;
				padding: 0px;
				width: 184px;
				margin-left: 9px;
				margin-top: 4px;
				*margin-left: 8px;
				*margin-top: 3px;
				background: none;
				border: 0px;
			}

#SiteHomeL {
	width: 634px;
	height: 540px;
	float: left;
}
#SiteHomeR {
	width: 347px;
	padding-right: 21px;
	height: 540px;
	float: left;
}

#SiteLeft {
	width: 676px;
	padding-top: 8px;
	float: left;
}
#SiteRight {
	width: 305px;
	padding-right: 21px;
	padding-top: 8px;
	float: left;
}

	#SiteRight #Cliente{
	  width: 286px;
	  height: 296px;
	  margin-left: 19px;
	  padding-top: 8px;
	  *padding-top: 11px;
	  background: url(../imgs/bg-videoSub.png) no-repeat;
	  clear: both;
	}
	  #SiteRight #Cliente #FotoSub {
	  	/*background: url(../imgs/videoSub1.jpg) no-repeat;*/
		width: 271px;
		height: 175px;
		clear: both;
		margin-top: 3px;
		margin-left: 6px;
	  }
	  #SiteRight #Cliente #Datos {
		width: 254px;
		clear: both;
		margin-top: 13px;
		margin-left: 0px;
		padding-left: 15px;
		font-size: 15px;
		line-height: 29px;
	  }
	  #SiteRight #Cliente #Datos .TitlD{
	    color: #ed1c24;
	  }

	#SiteRight #Botones{
	  width: 272px;
	  height: 51px;
	  margin-left: 5px;
	  padding-top: 25px;
	  padding-left: 5px;
	  clear: both;
	}
	  #SiteRight #Botones .prevC {
	    width: 136px;
	    height: 51px;
		float: left;
		text-align: left;
	  }
	  #SiteRight #Botones .nextC {
	    width: 69px;
		padding-left: 67px;
	    height: 51px;
		float: left;
/*		text-align: right;*/
	  }


.titWelcome {
	background: url(../imgs/titWelcome.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titAbout {
	background: url(../imgs/titAbout.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titProfessional {
	background: url(../imgs/titProfessional.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titProcess {
	background: url(../imgs/titProcess.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titContact {
	background: url(../imgs/titContact.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
	
}
.titFaqs {
	background: url(../imgs/titFaqs.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titPortfolio {
	background: url(../imgs/titPortfolio.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titServices {
	background: url(../imgs/tit_services.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titClients {
	background: url(../imgs/tit_clients.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titTestimonials {
	background: url(../imgs/tit_testimonials.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}
.titGallery {
	background: url(../imgs/tit_gallery.png) no-repeat;
	width: 100%;
	height: 23px;
	text-indent: -9999px;
}
.titNews {
	background: url(../imgs/tit_news.png) no-repeat;
	width: 100%;
	height: 21px;
	text-indent: -9999px;
}


.containTxtHome{
	width: 100%;
	background: url(../imgs/line.png) no-repeat top left;
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-bottom: 22px;
}
	.containTxtHome p {
	  margin: 0px;
	  padding: 0px;
	  padding-top: 10px;
	  padding-bottom: 4px;
	}

	.containTxt p img.Izda{
	  margin: 0px;
	  padding: 0px;
	  margin-right: 10px;
	}

.containTxt{
	width: 100%;
	background: url(../imgs/lineSub.png) no-repeat top left;
	clear: both;
	margin: 0px;
	padding: 0px;
	padding-bottom: 22px;
}
	.containTxt p {
	  margin: 0px;
	  padding: 0px;
	  padding-top: 10px;
	  padding-bottom: 4px;
	}


#ContFlash {
	position: relative;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	z-index: 999;
}

#VideoFlv{
	width: 594px;
	height: 382px;
	margin: 0px;
	padding: 0px;
	padding-top: 39px;
	padding-left: 29px;
}

#VideoPort {
	position:relative; 
	left:30px; 
	top:20px;
	z-index:999;
}

#ClientHome{
	position: relative;
	top: 0px;
	left: 0px;
	padding-top: 410px;
	font-size: 13px;
	font-weight: bold;
	z-index:999;
}
	#ClientHome #data { clear:both; margin-top: 0px; padding-bottom: 0px; height:60px;}
	#ClientHome #data .title { color: #000000; margin-left: 0px; }

	#ClientHome #Buttons{
		width: 600px;
		height: 51px;
		display: block;
		background: url(../imgs/linesReprod.png) no-repeat center center;
		clear: both;
	}

	#ClientHome #Buttons ul{
		list-style: none;
		margin: 0px;
		padding: 0px;
		height: 100%;
	}
	#ClientHome #Buttons ul li{
		margin: 0px;
		padding: 0px;
		float: left;
		display: block;
		height: 51px;
	}
	#ClientHome #Buttons ul li.Previo{
		height: 51px;
		margin: 0px;
		padding: 0px;
		width: 71px;
	}
	#ClientHome #Buttons ul li.Dim{
		height: 51px;
		margin: 0px;
		padding: 0px;
		width: 260px;
		padding-left: 200px;
/*		text-align: center;*/
	}
	#ClientHome #Buttons ul li.Next{
		height: 51px;
		margin: 0px;
		padding: 0px;
		width: 69px;
	}

#box_bg{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height: 300px;
	min-height: 100%;
	max-height: 300px;
	display: block;
	background-color: #000;
  	filter:alpha(opacity=80);
  	-moz-opacity: 0.8;
  	opacity: 0.8;
	z-index: 900;
	visibility: hidden;
}
#FlashHome{
	background: url(../imgs/bg-video.png) no-repeat;
	width: 668px;
	height: 479px;
	position: absolute;
	top: -27px;
	left: -25px;
	z-index: 899;
	visibility: visible;
	display: inline-block;
}

#box_content{
	position: absolute;
	width: 594px;
	height: 382px;
	top: 156px;
	right: 404px;
	margin-left: -265px;
	display: block;
	overflow: hidden;
	z-index: 901;
	visibility: visible;
	color: #000000;
}


/*/// sub2.html ///*/
	#SiteRight #Cliente #VideoSub2 {
		width: 271px;
		height: 175px;
		clear: both;
		margin-top: 3px;
		margin-left: 7px;
	  }

	a#prev {
	display: block;
	width: 71px;
	height: 50px;
	text-indent: -9999px;
	background: url(../imgs/btn_prevAB.png) top left no-repeat;
	overflow: hidden;
	}
	a#prev:hover {
	background-position: 0 -50px;
	}
	a#next {
	display: block;
	width: 69px;
	height: 50px;
	text-indent: -9999px;
	background: url(../imgs/btn_nextAB.png) top left no-repeat;
	overflow: hidden;
	}
	a#next:hover {
	background-position: 0 -50px;
	}
/*/// /sub2.html ///*/

#DropUp_Mnu {
	position:absolute;
	right:455px;
	top:528px;
	*top:525px;
	width:103px;
	height:110px;
	z-index:999;
	display: none;
	padding: 0px 8px 4px 8px;
}
	#DropUp_Mnu ul, #DropUp_Mnu ul li {
		list-style: none;
		text-align: left;
	}
	#DropUp_Mnu ul li {
		height:23px;
		width:103px;
		background:#222;;
	}

	#DropUp_Mnu ul li, #DropUp_Mnu ul li a {
		width: 100%;
		display: block;
		width:103px;
		height:23px;
	}
	#DropUp_Mnu ul li a {
		font-size:12px;
		color: #ffffff;
		outline:none;
	}

	#DropUp_Mnu ul li a:hover {
		background-color: #ffffff;
		color: #000000;
		height:23px;
	}

	#DropUp_Mnu #submenutop {
		width:103px;
		height:7px;
		background: url(../imgs/submenu1.png);
	}

#submenudown {
	position:absolute;
	right:423px;
	top:687px;
	width:103px;
	height:9px;
	background: #222;
	z-index:0;
	visibility: hidden;
	padding-bottom:8px;
}
/*
#DropUp_MnuPort {
	position:absolute;
	right:294px;
	top:534px;
	width:111px;
	height:128px;
	z-index:999;
	display: none;
	padding: 8px 8px 0px 8px;
}
#DropUp_MnuPort ul, #DropUp_MnuPort ul li {
	list-style: none;
	text-align: left;
}
#DropUp_MnuPort ul li {
	height:32px;
	width:119px;
	background: url(../imgs/submenuport2.png);
	
}
#DropUp_MnuPort ul li, #DropUp_MnuPort ul li a {
	width: 100%;
	display: block;
	width:119px;
	height:32px;
}
#DropUp_MnuPort ul li a {
	font-size:12px;
	color: #ffffff;
	outline:none;
}

#DropUp_MnuPort ul li a:hover {
	color: #FF0013;
	height:32px;
}
#DropUp_MnuPort #submenutop {
	width:119px;
	height:7px;
	background: url(../imgs/submenuport1.png);
}
#DropUp_MnuPort #submenudown {
	width:119px;
	height:8px;
	background: url(../imgs/submenuport3.png);
}
*/

#MenuSpace {
	position:relative;
	left:8px;
	top:7px;
}

#filmStrip {
	position:absolute;
	right:0px;
	top:559px;
	width:385px;
	height:140px;
	z-index:0;
	overflow: hidden;
}


#bg_form {
	width: 720px;
	height: 205px;
	background: url(../imgs/cirinelli_contact.png);
	position:relative;
	top:30px;
	left:-25px;
}

.box_contact {
	/*background-color: #fb0015;
	border:1px solid #000000;*/
	background-color:transparent;
	border:0px;
	width:220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

.area_contact {
	/*background-color: #fb0015;
	border:1px solid #000000;*/
	overflow:auto;
	background-color:transparent;
	border:0px;
	width:270px;
	height:122px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
}

#frm_portfolio {
	width:680px;
	/*height:300px;*/
	position:relative;
	left:0px;
	top:-10px;

}

.imgport {
	width:211px;
	height:136px;
}

#project1 {
	position:absolute;
	left:0px;
	top:0px;
	display:block;
}
#project2 {
	position:absolute;
	left:231px;
	top:0px;
	display:block;
}
#project3 {
	position:absolute;
	left:462px;
	top:0px;
	display:block;
}
#project4 {
	position:absolute;
	left:0px;
	top:200px;
	display:block;
}
#project5 {
	position:absolute;
	left:231px;
	top:200px;
	display:block;
}
#project6 {
	position:absolute;
	left:462px;
	top:200px;
	display:block;
}

#separadoport {
	font-size:12px;
	padding-top:5px;
	text-align:left;
	color:#000;
	font-weight:bold;
}
#separadoport a{
	font-weight:normal;
	outline:none;
}



/* the overlayed element */
#alert {
	width:656px;
	height:526px;
}


/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../imgs/black.png);
	z-index:995;
	
	/* dimensions after the growing animation finishes  */
	width:656px;
	height:526px;		
	
	/* initially overlay is hidden */
	display:none;
	
	
	/* some padding to layout nested elements nicely  */

}



#frm_portfolio #portfolio_buttons {
	width: 272px;
	height: 51px;
	position:absolute;
	top:405px;
	left:200px;
}
#frm_portfolio #portfolio_buttons .prevC {
	width: 136px;
	height: 51px;
	float: left;
	text-align: left;
}
#frm_portfolio #portfolio_buttons .nextC {
	width: 69px;
	padding-left: 67px;
	height: 51px;
	float: left;
 }

.imgnews {
	position:relative; 
	top:15px;
	left:5px;
	margin-bottom:10px; 
}

.TxtSite {
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 4px;
	line-height: 1.6em;
}