html,body{height:100%;}

body
{
	background-color:#e4eff2;
	margin:0px;
	font:normal 11px 'Arial';
	color:#000000;
}

.page
{
	margin:auto;
	padding-top:10px;
	padding-bottom:10px;
	width:980px;
}

.header
{	
	color:#ffffff;
	text-align:right;
	background-image:url('../img/template/headerback.png');
	background-repeat:no-repeat;
}

.header#home
{	
	height:494px;
}

.header#normal
{	
	height:130px;
}

.header .home
{
	margin-top:20px;
	margin-left:30px;
	height:100px;
	width:340px;
	float:left;
	cursor:pointer;	
	background-image:url('../img/template/Dyntech_Logo.png');
}

.header .panel
{
	float:right;
	margin-right:30px;
	margin-top:10px;
	height:15px;
	width:420px;
}

.header .panel li
{
	float:right;
	display:inline;
	list-style-type:none;
}

.header .menu
{
	float:left;
	margin-left:30px;
	margin-top:25px;
	height:15px;
	width:540px;
	padding:0px;
}

.header .menu li
{
	float:left;
	display:inline;
	list-style-type:none;
	padding:0px;
	margin:0px;
	line-height:1px;
}

.newsBox
{
	float:left;
	height:360px;
	margin-top:12px;
	width:970px;	
}

#Slideshow
{ 	
	height: 360px; 
	overflow: hidden;
}
#SlideTop, #SlideRepeat, #SlideBottom, .slidePrev, .slideNext, #slidePager
{
	position: relative;
	z-index: 29;
}
#SlideTop
{
	height: 4px;
	overflow: hidden;
	background: transparent url("../img/template/slider/pageBg-slideTop.png") no-repeat 0 0;
}
#SlideRepeat
{
	height: 301px;
	overflow: hidden;
}
#SlideBottom 
{
	height: 55px;
	overflow: hidden;
	background: transparent url("../img/template/slider/pageBg-slideBottom.png") no-repeat -1px 0;
	*behavior: url(../img/template/pngfix/iepngfix.htc);
}
#Slides
{
	margin-top: -360px;
	margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */
	height: 342px;
	overflow: hidden;
	width:931px;
	margin-left:25px;
	margin-right:16px;
}

#Slides IMG2
{
	padding-left:-25px;
}
	
a.slidePrev, a.slideNext 
{
	display: block;
	z-index: 30;
	top: -235px;
	width: 51px;
	height: 64px;
}
a.slidePrev 
{	
	float: left;
	margin: 0 0 0 11px;
	background: transparent url("../img/template/slider/slide-previous.png") no-repeat 0 0;
	*behavior: url(../img/template/pngfix/iepngfix.htc);
}
a.slideNext 
{
	float: right;
	margin: 0 0px 0;
	background: transparent url("../img/template/slider/slide-next.png") no-repeat 0 0;
	*behavior: url(../img/template/pngfix/iepngfix.htc);
}

a.slidePrev:hover, a.slideNext:hover 
{
	background-position: 0 -64px;
}
	
#slidePager 
{
	font-size:0px;
	top: -348px;
	float: right;
	margin:0 -35px 0 0;
}
#slidePager a, #slidePager a:visited 
{
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: transparent url("../img/template/slider/slide-pager.png") no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;
}
#slidePager a:hover 
{
	background-position: -16px 0;
}
#slidePager a.activeSlide 
{
	background-position: -32px 0;
}

.content
{
	width:100%;
	height:500px;
	background-image:url('../img/template/content/back.png');

}

.content .contentLeft
{
	padding:20px;
	width:630px;
}

.content .contentRight
{
	width:334px;
	background-image:url('../img/template/content/right/back.png');
	background-repeat:repeat-y;

}

.content .contentRight .portfolio
{
	padding:10px;
}

.content .contentRight .portfolio .title
{
	margin:auto;
	width:234px;
	height:39px;
	background-image:url('../img/template/content/right/portfolio/title.png');
	background-repeat:no-repeat;
}

.content .contentRight .portfolio #portfolio
{
	margin:auto;
	width:300px;
	height:100px;
	overflow:hidden;
}

.content .contentRight .portfolio .nav
{	
	margin:auto;
	margin-top:10px;
	width:260px;
	height:26px;
}


.content .contentRight .portfolio .nav .left
{	
	float:left;
	width:35px;
	height:26px;
	background-image:url('../img/template/content/right/portfolio/left.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

.content .contentRight .portfolio .nav .more
{	
	float:left;
	width:184px;
	height:26px;
}

.content .contentRight .portfolio .nav .right
{	
	float:left;
	width:41px;
	height:26px;
	background-image:url('../img/template/content/right/portfolio/right.png');
	background-repeat:no-repeat;
	cursor:pointer;
}

.content .contentRight .casos
{
	padding:20px;
}

.content .contentRight .casos .title
{
	margin:auto;
	width:234px;
	height:39px;
	background-image:url('../img/template/content/right/casos/title.png');
	background-repeat:no-repeat;
}


.content .contentRight .casos .more
{	
	margin:auto;
	margin-top:10px;
	width:184px;
	height:26px;
}

.content .contentRight .casos .titulo
{
	margin-top:5px;
	text-align:right;
	font:bold 16px 'Arial';
	color:#486fa0;
}

.content .contentRight .casos .subtitulo
{
	margin-top:5px;
	text-align:right;
	font:bold 12px 'Arial';
	color:#6f8fc0;
}

.content .contentRight .casos .texto
{
	margin-top:10px;
	font:normal 11px 'Arial';
	color:#202020;
/*
	text-align: justify;
	text-justify: newspaper;
*/
}

.content .contentLeft .news
{
	margin-bottom:40px;
}

.content .contentLeft .news a
{
	font:bold 20px 'Arial';
	color:#6f8fc0;
	text-transform: Uppercase;
	text-decoration:none;
}

.content .contentLeft .news .titulo
{
	font:bold 20px 'Arial';
	color:#6f8fc0;
	text-transform: Uppercase;
	border-bottom:solid 1px #6f8fc0;
}

.content .contentLeft .news .titulo2
{
	font:bold 20px 'Arial';
	text-align:right;
	color:#6f8fc0;
	text-transform: Uppercase;
	border-bottom:solid 1px #6f8fc0;
}

.content .contentLeft .news .texto
{
	padding-top:10px;
	font:normal 12px 'Arial';
	color:#004261;
/*
	text-align: justify;
	text-justify: newspaper;
*/
}

.content .contentLeft .news .texto2
{
	padding-top:10px;
	font:normal 11px 'Arial';
	color:#404040;
/*
	text-align: justify;
	text-justify: newspaper;
*/
}


.footer
{	
	margin:auto;
	width:972px;
	height:103px;
	background-image:url('../img/template/footerBack.png');
	background-repeat:no-repeat;
}






#tellfriend {
	color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	width: 380px;
	z-index: 1;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #f2f2f2;
}

#tellfriend form textarea {
	height: 80px;
}

#tellfriend span
{
	line-height:15px;
	font:bold 16px 'Arial';
	color:#486fa0;
	text-transform: Uppercase;
}


/* @end */

/* @group Forms */


.contact-form {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #f2f2f2;
}

.contact-form form input.std_input {
	margin-bottom: 10px;
}

form label.clear {
	clear: both;
	float: left;
	margin-top: 10px;
}

form label.full {
	width: 99%;
}

form label.required {
	font-weight: bold;
}

form select {
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #6e6e6e;
}

form label {
	color: #808080;
	font-size: 14px;
}

form input.std_input,
form textarea {
	border: 1px solid #ccc;
	width: 97%;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 5px;
	color: #6e6e6e;
}

form table {
	width: 100%;
}

form table input.std_input {
	width: 93%;
}

form table.three-col input.std_input {
	width: 90%;
}

form input.form_but {
	margin-top: 10px;
	background-color: #486fa0;
	border: 3px solid #6f8fc0;
	color: #fff;
	font: bold 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	cursor:pointer;
}

/* @end */