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,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
margin:0;
padding:0;
}

:focus {
outline:0;
}

body {
background:url("images/back.jpg") no-repeat scroll 50% 0 transparent;
}

.clear {
clear:both;
}

ol,ul {
list-style:none;
}

table {
border-collapse:separate;
border-spacing:0;
}

caption,th,td {
text-align:left;
font-weight:400;
}

#warp {
width:982px;
height:auto;
margin:0 auto;
}

#header {
width:auto;
height:99px;
}

#navbar {
width:970px;
height:41px;
margin:0 auto;
}

#contennav {
width:394px;
float:left;
height:41px;
}

#rigthnav {
background-image:url(images/rigthnav-trans.png);
background-repeat:no-repeat;
height:41px;
width:11px;
float:left;
}

#bgnav {
float:left;
background-image:url(images/bgnav.png);
background-repeat:repeat-x;
width:565px;
height:41px;
}

ul,li {
list-style-type:none;
}

.menuholder li {
float:left;
}

.menuholder a {
background:url(images/navbar-trans.png);
display:block;
text-indent:-9000%;
height:41px;
}

.menu_inicio a {
width:53px;
}

.menu_servicios a {
width:86px;
background-position:-53px 0;
}

.menu_gallerias a {
width:144px;
background-position:-139px 0;
}

.menu_contact a {
width:111px;
background-position:-283px 0;
}

.menu_inicio a:hover {
background-position:0 -41px;
}

.menu_servicios a:hover {
background-position:-53px -41px;
}

.menu_gallerias a:hover {
background-position:-139px -41px;
}

.menu_contact a:hover {
background-position:-283px -41px;
}

.menu_inicio a.active {
background-position:0 -82px;
}

.menu_servicios a.active {
background-position:-53px -82px;
}

.menu_gallerias a.active {
background-position:-139px -82px;
}

.menu_contact a.active {
background-position:-283px -82px;
}

#contentslider {
width:978px;
height:272px;
background-image:url(images/slide-trans.png);
background-repeat:no-repeat;
margin:0 auto;
}

#warpslider {
width:966px;
margin:0 auto;
}

#login {
width:192px;
height:263px;
float:left;
background-image:url(images/linelogin.jpg);
background-repeat:repeat-x;
margin:3px 0 3px 0;
}
#bannerrotarot{ width:774px; height:263px; float:right; /*background-color:#666666;*/ padding:3px 0 0 0}

#loginleft {
background-image:url(images/loginleft.jpg);
background-repeat:no-repeat;
float:left;
width:9px;
height:263px;
}

#contentfom {
width:177px;
float:right;
padding:0 0 0 5px;
}

#textform p {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#181716;
font-style:normal;
font-weight:700;
letter-spacing:-1px;
line-height:1.4em;
text-align:justify;
width:170px;
}

.colorf {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-style:normal;
font-weight:700;
letter-spacing:-1px;
line-height:1.4em;
color:#FFF;
}

#footer-left {
color:#4e4e4e;
font-size:12px;
padding-top:5px;
width:580px;
}

#form-name {
float:left;
height:10px;
margin-top:5px;
width:66px;
}

#name-form {
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:13px;
color:#fff;
float:left;
font-weight:700;
height:29px;
line-height:28px;

text-indent:15px;
width:83px;
}

#phone-form {
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:13px;
color:#fff;
float:left;
font-weight:700;
height:29px;
line-height:28px;
margin:20px 0 0 0;


width:83px;
}


#form-email {
color:#fff;
float:left;
height:10px;
margin-top:5px;
width:40px;
}

#email-form {
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:13px;
color:#fff;
float:left;
font-weight:700;
height:29px;
line-height:28px;

text-indent:15px;
width:83px;
}

#form-name-input {
background:url(images/cliente.png) no-repeat;
float:left;
height:22px;
width:158px;
margin:0 6px 0 0;
}

#name-form-input {
background:url(images/name_inp_bg.gif) no-repeat;
float:left;
height:29px;
width:183px;
margin:0 6px 0 0;
}

#phone-form-input {
background:url(images/name_inp_bg.gif) no-repeat;
float:left;
height:29px;
width:183px;
margin:20px 6px 0 0;
}

.dataforclients {
width:66px;
height:10px;
}

#form-name-input input,#form-email-input input, #name-form-input input, #email-form-input input, #phone-form-input input {
background:none;
border:none;
color:#666666;
float:left;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-style:normal;
font-weight:700;
letter-spacing:normal;
line-height:1.4em;
width:158px;
margin:5px 0 0 5px;
}



#form-email-input {
background:url(images/email-cliente.png) no-repeat;
float:left;
height:22px;
width:158px;
margin:0 6px 0 0;
}

#email-form-input {

background:url(images/email_inp_bg.gif) no-repeat;
float:left;
height:29px;
width:183px;
margin:0 6px 0 0;
}

#form-txt {
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-size:13px;
color:#fff;
float:left;
font-weight:700;
height:29px;
line-height:28px;
margin-top:20px;
text-indent:10px;
width:83px;
}

#form-txt-input {
background:url(images/text_area_bg.jpg) no-repeat;

float:left;
height:110px;
margin-top:20px;
width:460px;
}

#form-txt-input textarea {
background:none;
border:none;
color:#666666;
float:left;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-style:normal;
font-weight:700;
letter-spacing:normal;
line-height:1.4em;
height:70px;
overflow:auto;
width:440px;
margin:5px 0 0 5px;
}

#go-btn {
float:right;
margin:0 40px 20px 0;
}

#send-copy {
float:left;
margin:5px 40px 20px 0;
}

#send-copy	th {
color:#d6d6d6;
font-weight:400;
padding:0 0 0 10px;
}

#footer-right {
font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color:#bbbaba;
font-size:13px;
}

#enviar {
border:0;
background:url("images/enter.png") no-repeat scroll left center transparent;
float:left;
height:24px;
width:76px;
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
font-style:normal;
font-weight:700;
letter-spacing:normal;
color:#FFF;
margin:5px 0;
}

#contentenviar {
width:74px;
margin:0 0 0 38px;
}

#enviar. {
border:0;
font-size:12px;
line-height:20px;
text-align:justify;
width:74px;
}

#enviar:hover,#emailsolutions:hover {
border:0;
background-position:right center;
cursor:pointer;
}

#banner {
width:982px;
height:138px;
background-image:url(images/dpiinfo.png);
background-repeat:no-repeat;
margin:0 auto;
}

#page {
width:982px;
background-image:url(images/dpiinfo2.png);
background-repeat:no-repeat;
margin:0 auto;
padding:0 0 17px;
}

#contenpage{ width:982px; margin:0 auto;}
#contengaleri{ width:949px; margin:0 auto; background-image:url(images/warapergaleri.jpg); background-repeat:repeat-x; background-color:#FFFFFF;}

#pagegaleri {
width:982px;

margin:0 auto;
padding:0 0 17px;
}

#basepage{ width:982px; background:url(images/dpiinfo3.png); background-repeat:no-repeat; height:34px; margin:0 auto;}

#shadown {
height:9px;
width:956px;
background-image:url(images/shadown.png);
background-repeat:repeat-y;
margin:0 auto;
}

#info,h1,h2,h3 {
color:#589032;
font-family:“Lucida Grande”, sans-serif;
font-size:20px;
font-style:normal;
font-weight:400;
letter-spacing:normal;
line-height:1.4em;
}

#worksnew {
font-family:“Lucida Grande”, sans-serif;
font-size:20px;
font-style:normal;
font-weight:400;
letter-spacing:normal;
line-height:1.5em;
padding:25px 0 10px 35px;
}

#tags {
background-image:url(images/buble.html);
background-repeat:no-repeat;
height:69px;
width:277px;
}

#info p {
color:#333;
font-family:“Lucida Grande”, sans-serif;
font-size:12px;
font-style:normal;
font-weight:400;
letter-spacing:normal;
line-height:1.2em;
}

.seemore a{
font-family:“Lucida Grande”, sans-serif;
font-size:12px;
font-style:normal;
font-weight:700;
letter-spacing:normal;
line-height:1.2em;
color:#FFF;
background-color:#969696;
padding:3px 8px;
text-decoration:none
}

.seemore a:hover{
font-family:“Lucida Grande”, sans-serif;
font-size:12px;
font-style:normal;
font-weight:700;
letter-spacing:normal;
line-height:1.2em;
color:#FFF;
background-color:#969696;
padding:3px 8px;
text-decoration:underline;
}

.vision {
float:right;
height:auto;
width:223px;
margin:35px 45px 0 0;
}

.mision {
width:195px;
height:auto;
float:right;
margin:35px 0 0;
}

.nosotrosdpi {
width:210px;
height:auto;
float:right;
margin:35px 30px 0 0;
}

#waraper {
width:955px;
margin:0 auto;
}

#warapergaleri {
background-image:url(images/warapergaleri.jpg); background-repeat:repeat-x;
width:955px;
margin:0 auto;
background:#FFFFFF;
}
#footerform{ width:580px; float:left;}

#footer {
height:361px;
width:auto;
background-image:url(images/footer.jpg);
background-repeat:repeat-x;
}

#footercontent {
padding:5px 5px 5px 5px;
width:947px;
height:auto;
background-repeat:repeat-x;
margin:auto;
}

#footermoreinfo{ width:350px; float:left; margin:60px 0 0 0}
#footermoreinfo p{ color:#CCCCCC; font-family: Helvetica, Arial, sans-serif;

font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
text-align:justify;
letter-spacing: normal;
line-height: 1.6em;}



#info,#sliderthumbs {
width:949px;
margin:0 auto;
}


#contenedorx{ width:955px; margin: 0 auto; color:#CCCCCC; }	
#carousel {
	position: relative; /* Necesario */
	overflow: hidden; /* Necesario */
	height: 188px;
	margin:0 auto;
	
}

#carousel .belt {
	position: absolute; /* Necesario */
	left: 0;
	top: 0;
	margin:0 0 10px 0;
}

#carousel .panel {
	width:200px;
	float: left; /* Necesario */
	overflow: hidden;
	margin: 2px;
	padding:7px;
	border:1px solid #FFFFFF ;
	background:#383838 url(carousel-panel-bg.png) bottom left repeat-x;
}

#carousel .panel .panel-text {
	padding-top:5px;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
}

#carousel .panel .panel-text a {
	color:#fff;
	text-decoration:none;
}

#carousel .panel .panel-text a:hover {
	color:#FFF;
	text-decoration:underline;
}

			/* Botones del carousel */
			
.button-prev {
	height:165px;
	width:41px;
	float:left;
	
	
}

.button-prev a {
	display:block;

	margin-top:20px;
}

.button-next {
	height:165px;
	width:41px;
	float:right;
	
	
}

.button-next a {
	display:block;
	padding:5px;
	margin-top:20px;
}


a img {
	border:none;
}




/*-------------------------------------galerias*/
#gallery{ width:949px; margin:0 auto;}
#thumbsgallery{ width:865px; margin:0 auto; padding:0 25px 0 25px;}

#container { width:793px; height:498px; margin:0 auto; background-image:url('images/interface/back_noise.png'); background-repeat:no-repeat; background-color:#111; margin-top:40px;}
#container .mainframe { width: 793px; height:498px; margin:0 auto;}
#container .thumbnails { float:left; width:793px; height:498px; background-repeat:no-repeat;  background-position:9px 70px; }
.thumbnailimage { float:left; padding:7px; cursor:pointer;}
.large_thumb	{float:left; position: relative; width:64px; height:64px; padding:0px 10px 0px 0;}
img.large_thumb_image	{position:absolute; left:5px; top:4px;}
.large_thumb_border	{width:64px; height:64px; background:url('images/interface/thumb_border.png'); position:absolute; }
.large_thumb_shine	{width:54px; height:54px; background:url('images/interface/shine.png'); position:absolute; background-position:-150px 0; left:5px; top:4px; background-repeat:no-repeat;}
.thumb_container { width:64px; height:64px; background-image:url('images/interface/thumb_holder.png'); }
#largephoto { width: auto; height:465px; background-color:#333333; margin:0px 40px 0 40px ; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#largetrans { width: 867px; height:465px; background-image:url('images/interface/main_bg_trans.png'); -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.large_image { display:none}
#containertitle { position:absolute; margin-top:35px; margin-left:40px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-shadow: 0px 1px 2px #fff;}
#largecaption {  text-align:center; height:75px; width:100%; background-color:#111; position:absolute; width: 867px; margin-top:390px; -moz-border-radius-bottomleft: 10px;  -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; display:none; color:#fff; font-size:20px; font-family:Arial; letter-spacing:-1px; font-weight:bold}
#largecaption .captionContent { padding:5px;}
#largecaption .captionShine { background:url('images/interface/bigshine.png'); position:absolute;  width: 867px; height: 100px; background-position:-150px 0;background-repeat:no-repeat;}
#loader { width:150px; height:150px;background-image:url('images/interface/loader.gif'); background-repeat:no-repeat; position:absolute;}
.clear{ clear:both}


/*servicios*/
#slidedeck_frame {
	background: url('back.png') 0 0 no-repeat;
	margin:0 auto;
	width: 910px;
	height: 370px;
padding:30px 0 0 0;
font-size:14px;

}
#buttons {width:850px; margin:0 auto; font-family: Helvetica, Arial, sans-serif;

font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.5em;}
	#buttons ul {list-style-type:none;cursor:pointer;overflow:hidden;}
	#buttons ul  li {width:auto;float:left}
	#buttons a {display:block;color:#fff;text-align:center;}

	
#text{width:850px; height:270px;overflow:hidden; margin:0 auto;}

	div#text div {height:314px;}

#about {
background: #FFFFFF; padding:20px 10px 5px 10px; 
border-top: solid 2px #666666; 
font-family: “Lucida Grande”, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#333333; text-align:justify;}

#contact {
background: #FFFFFF; padding:20px 10px 5px 10px; 
border-top: solid 2px #666666; 
font-family: “Lucida Grande”, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#333333; text-align:justify;}

#infos{
background: #FFFFFF; padding:20px 10px 5px 10px; 
border-top: solid 2px #666666; 
font-family: “Lucida Grande”, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;
color:#333333; text-align:justify;}


	a.about {background: #666666; padding:5px 10px 5px 10px; margin:0 5px 0 0 }
	 a.contact {background: #666666; padding:5px 10px 5px 10px; margin:0 5px 0 0 }
	a.infos {background: #666666; padding:5px 10px 5px 10px; margin:0 5px 0 0 }
	
	a:hover.about {background: #999999;padding:5px 10px 5px 10px  }
	a:hover.contact {background: #999999;padding:5px 10px 5px 10px  }
	a:hover.infos  {background: #999999;padding:5px 10px 5px 10px  }

	
	#details, a.details {background:#993b67;padding:5px 0 5px 0}
	#schedule, a.schedule {background:#923127; padding:5px 0 5px 0}

	
	
	h5 {font-size: 2.6em;color:#fff;padding:20px 20px 5px;font-weight:normal;letter-spacing: -1px;}
	
.acordeontext{font-family: Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: normal;
line-height: 1.6em;}



ul.slideshow {
	list-style:none;
	width:774px;

	height:263px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}


/*#slideshow-caption {
	width:774px;
	height:70px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
}*/

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	padding:0;	
	font-size:14px;
}

#slideshow-caption p {
	margin:5px 0 0 0;
	padding:0;
}

#dialog-overlay {

	/* set it to fill the whil screen */
	width:100%; 
	height:100%;
	
	/* transparency for different browsers */
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#000; 

	/* make sure it appear behind the dialog box but above everything else */
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 

	/* hide it by default */
	display:none;
}


#dialog-box {
	
	/* css3 drop shadow */
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	
	/* css3 border radius */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	
	background:#eee;
	/* styling of the dialog box, i have a fixed dimension for this demo */ 
	width:328px; 
	
	/* make sure it has the highest z-index */
	position:absolute; 
	z-index:5000; 

	/* hide it by default */
	display:none;
}

#dialog-box .dialog-content {
	/* style the content */
	text-align:left; 
	padding:10px; 
	margin:13px;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
line-height:1.6em;
color:#2d2d2d;
text-align:justify;
}

a.button {
	/* styles for button */
	margin:10px auto 0 auto;
	text-align:center;
	background-color: #e33100;
	display: block;
	width:50px;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	
	/* css3 implementation :) */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	
}

a.button:hover {
	background-color: #c33100;	
}

/* extra styling */
#dialog-box .dialog-content p {
	font-weight:700; margin:0;
}

#dialog-box .dialog-content ul {
	margin:10px 0 10px 20px; 
	padding:0; 
	height:50px;
}
#bannerrotarot{ width:774px; height:263px; float:right; /*background-color:#666666;*/ padding:3px 0 0 0}

#contactenosdpi{ width:350px; margin:10px 10px 10px 20px; float:left;
}

#contactenosdpi p{font-family: “Lucida Grande”, sans-serif; margin:0 0 0 10px; color:#333333;
font-size: 15px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.4em;}

#mapa{ float:right; margin:15px 20px 0 0; width:540px}