/* CSS Document */

.public{
	width:213px;
	height:335px;
	
		
	}





body
{
	/*background: #E4E4E4 url(../images/boby.jpg) repeat-x;*/
	/*background:url(../images/autocivic.png);*/
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

.clear
{
	margin: 0px;
	padding: 0px;
	clear: both;
	background-color: #FFF;
}
#wrapper
{
	margin: 0 auto;
	width: 946px;
}
.headerzone
{
	width: 945px;
	background: url(../images/header.jpg);
}

.header {
	height: 102px;
}
.headerText
{
	width: 100px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.phone
{
	width:120px;
	float:right;
	padding:28px 0px 0px 10px;
}
.email
{
	width:110px;
	padding:12px 0px 0px 5px;
}

/*	Menu Style Start here */

.topmenu
{
	margin:0px 0px 0px 0px;
	padding:8px 0px 5px 0px;
}

.topmenu ul {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; text-align:center;
}

.topmenu li  {
	display:inline;
	height:29px;
	padding:0px 0px 5px 0px;
	margin:0px 0px 0px 0px;
}

.topmenu li a {
	color: #ffffff;
	background: url(../images/menudevider.jpg) top right repeat-y;
	text-decoration: none;
	padding: 8px 30px 5px 30px;
	text-transform: uppercase;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.topmenu li a:hover {
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
}

.topmenu li a.current {
	color:#000000;
	background:#FFFFFF;
	text-decoration:none;
}


.topmenu li a.nonborder {
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:none;
	text-decoration:none;
	padding:8px 12px 5px 12px;
	font-style:italic;
}


.topmenu li a:hover.nonborder {
	color:#F9FDCF;
	background:#626262;
	text-decoration:none;
}
	
/*	Menu Style End here */
.banner
{
	height: 400px;
	/*background: url(../images/banner.gif);*/
	background:#FFF;
	margin: 2px 0px 0px 0px;

}
.features
{
	width:200px;
	float:right;
	padding:0px 0px 0px 0px;
	margin:40px 40px 0px 0px;
}
.featuresText
{
	margin:0px 10px 0px 0px;
	padding:5px 0px 0px 0px;
}
.featuresText ul
{
	margin:0px;
	padding:0px;
}
.featuresText li
{
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 25px;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	list-style:none;
	background:url(../images/star.gif) 0px 0px no-repeat;
}

.cuadro2{
	width:273px;
	height:200px;
	background-color:#FFF;
	margin: 0 0 0 0;
	padding:10px 10px 10px 10px;
	/*border:solid 1px #CCC;*/
	float:left;
	
	
	}
	
.cuadro1{
	width:330px;
	height:180px;
	background-color:#FFF;
	margin: 0 0 0 0;
	/*border:solid 1px #CCC;*/
	float:left;
	
	
	}
h11{
	margin:0px;
	padding:0px;
	color:#3D3D3D;
	font-style:normal;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	
	}	
	
h10
{
	margin:0px;
	padding:0px;
	color:#3D3D3D;
	font-style:normal;
	font-size:18px;
}
h1
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	color: #3D3D3D;
	font-style: normal;
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
.button
{
	text-align:left;
	margin:12px 0px 0px 0px;
}
.bannerText
{
	width:500px;
	padding:100px 40px 0px 0px;
	float:right;
}
.blueText
{
	color:#448FC0;
	font-weight:bold;
}
.workZone
{
	width:945px;
	margin:0px;
	padding:0px;
	border:solid 1px #CCC;
}

.buybutton {
	padding:10px 0px 0px 5px;
}

.midBox
{
	background:url(../images/containermid.jpg) left top repeat-y;
	float:left;
}
.topBox
{
	background:url(../images/containertop.jpg) left top no-repeat;
	float:left;
}
.bottomBox
{
	background:#FFF;
	/*background:url(../images/containerbottom.jpg) left bottom no-repeat;*/
	float:left;
	width:945px;
}


.midBox1
{
	background:url(../images/containermid2.jpg) left top repeat-y;
	float:left;
}
.topBox1
{
	background:url(../images/containertop2.jpg) left top no-repeat;
	float:left;
}
.bottomBox1
{
	/*background:url(../images/containerbottom2.jpg) left bottom no-repeat;*/
	float:left;
	border:solid 1px #CCC;
	
	width:944px;
}

.midBox3
{
	background:url(../images/containermid3.jpg) left top repeat-y;
	float:left;
}

.midBox4
{
	background: #FFF;
	float:left;
}

.workZoneRight
{
	float: right;
	
}
.leftBox
{
	width:260px;
	float:left;
	
}

.leftBox2
{
	width:200px;
	float:left;
}
.rightBox
{
	width: 635px;
	border-bottom: #999999 1px solid;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.rightBox.inner{border:none}


.rightBox2
{
	width: 630px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.box1
{
	padding:20px 20px 10px 30px;
}
.box1.1
{
	padding:20px 20px 10px 30px;
}
.whiteText
{
    width:200px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
.cdBox
{
	width:80px;
	height:78px;
	float:left;
	padding:10px 0px 0px 0px;
}
.leftText
{
	width:130px;
	float:left;
	padding:10px 0px 0px 10px;
}
.box2
{
	padding: 0px 20px 20px 30px;
}
.whiteText
{
    width:200px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
.cdBox
{
	width:80px;
	height:78px;
	float:left;
	padding:10px 0px 0px 0px;
}
.leftText
{
	width:130px;
	float:left;
	padding:10px 10px 10px 10px;
	border:solid 1px #CCC;
}
.box3
{
	padding:0px 20px 20px 30px;
	
}
.boxcoment
{
	padding:0px 20px 20px 30px;
	overflow:auto;
}





#video1 {
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	width: auto;
	height:auto;
	z-index: -10;
	visibility: visible;
}








.whiteText
{
    width:200px;
	padding:0px 0px 0px 0px;
	color:#FFFFFF;
	font-weight:bold;
}
.cdBox
{
	width:80px;
	height:78px;
	float:left;
	padding:10px 0px 0px 0px;
}
.leftText
{
	width: 210px;
	float: left;
	padding-top: 10px;
	padding-left: 10px;
}
.boldText
{
	color:#646464;
	font-weight:bold;
}

.pieText
{
	height:20px;
	background:#FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*border:solid 1px #CCC;*/
	
}
.tunesBox
{
	margin:0px;
	padding:0px 0px 0px 0px;
	width:400px;
	float:left;
}
.downloadText
{
	width:400px;
	color:#ADADAD;
	padding:10px 0px 10px 0px;
	text-align:justify;
	font-weight:bold;
}
.rightCd
{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 200px;
	float: right;
}
.productContainer
{
	margin-top:20px;
}
.pic1
{
	width:97px;
	height:227px;
	float:left;
	padding:0px 10px 0px 0px;
	border-right:1px #CCCCCC solid;
}
.pic2
{
	width:204px;
	height:227px;
	float:left;
	padding:1px 0px 0px 0px;
	border-right:1px #CCCCCC solid;
}
.pic3
{
	width:142px;
	height:227px;
	float:left;
	padding:0px 5px 0px 0px;
	border-right:1px #CCCCCC solid;
}
.pic4
{
	width:142px;
	height:227px;
	float:left;
	padding:0px 0px 0px 0px;
}
.picText1
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.picText2
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.picText3
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.picText4
{
	border-top:1px #CCCCCC solid;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.footer
{
	width: 900px;
	height: 88px;
	background: url(../images/footer.png) no-repeat;
	padding: 10px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
}
.footer ul
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px; text-align:center;
}
.footer li
{
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px; border-left:1px solid #c2c2c2;
}

.footer li.first{border:none}

.footer li a
{
	color:#C2C2C2;
	font-weight:bold;
	font-size:12px;
	padding:0px 5px 0px 5px;
	text-decoration:none;
}
.footer li a:hover{color:#FFFFFF;}
.footer li a.current{color:#FFFFFF;}
.line
{
	color:#C2C2C2;
}




/* inner pages css start */
h1.inner{
	color: #000;
	font-weight: 100;
	margin: 0px;
	padding: 8px 0px 10px 0;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}
h1.inner span{font:24px tahoma, Arial; color:#000; font-weight:100; margin:0px; padding:25px 0px 10px 0px; background:none}
.aboutus-img{float:right; border:4px solid #dcdcda;	margin:0px 0px 10px 20px;}
h5{font:15px Myriad Pro, Arial, Helvetica, sans-serif; color:#000; font-weight:100; padding:0px 0px 5px 0px;	border-bottom:1px dotted #000;	margin:0px 0px 10px 0px; background:none }
h6.inner{font:17px Myriad Pro, Arial, Helvetica, sans-serif; color:#000; font-weight:100; padding:0px 0px 5px 0px;	margin:0px 0px 0px 0px; background:none }
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{
	
	width:45%;
	 height: 180px;
	float:left; 
	margin:0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border:solid 1px #CCC;	
	
	}
.aboutcolumn2{
	width:45%;
	height: 180px; 
    float:right; 
    margin:0px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	border:solid 1px #CCC; 

}

.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
.insidereadmore a{color:#5D2D23; font-size:14px; text-decoration:none}
.insidereadmore a:hover{text-decoration:underline}

a.projects{color:#5D2D23; font-size:14px; text-decoration:underline}
a:hover.projects{text-decoration:none}

input.button{color:#ffffff;	background:#414141;	font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #000;}
input.button:hover{cursor:pointer; color:#cccccc;}
.project-img{float:right; margin-left:20px;	border: 6px solid #dcdcda;}
.whiteheading{font:30px Myriad Pro, Arial; color:#000; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #000; padding-bottom:10px;}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px; background:#dcdcda}

.blog-posted-row a{color:#5D2D23; font-size:14px; text-decoration:underline; padding:0 0 0 8px}
.blog-posted-row a:hover{text-decoration:none}



/* CSSDEL FORMULARIO cONTACTO */


#contact-form {
	position:relative;
	vertical-align:top;
	width:100%;
	z-index:1;
	}
	#contact-form fieldset {
		border:none;
		padding:0;
		}			
			#contact-form label {
				display:block;
				height:30px;
			}
			
			#contact-form input {
				width:323px;
				padding:5px 18px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height:1.214em;
				color:#808080;
				border:1px solid #e6e6e6;
				background:#fff;
				outline:none;
			}
			#contact-form textarea {
				overflow:auto;
				height:60px;
				width:400px;
				padding:12px 20px;
				margin:0;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				line-height:1.214em;
				color:#808080;
				border:1px solid #e6e6e6;
				background:#fff;
				outline:none;
			}
		.buttons-wrapper {padding:18px 0 0 0;text-align:right}
		.buttons-wrapper a {margin-left:15px}
		
.servicioscuadro0{
	
	
	width:630px;
	height:620px;
	background-color:#FFF;
	margin: 5px 5px 5px 5px;
	padding:10px 10px 10px 10px;
	border:solid 1px #CCC;
	float:left;
	
	}

.servicioscuadro1{
	
	
	width:300px;
	height:650px;
	background-color:#FFF;
	margin: 5px 5px 5px 5px;
	padding:10px 10px 10px 10px;
	border:solid 1px #CCC;
	float:left;
	
	
	}
	
	.servicioscuadro2{
	
	
	width:280px;
	height:398px;
	background-color:#FFF;
	margin: 5px 5px 5px 5px;
	padding:1px 10px 10px 10px;
	border:solid 1px #CCC;
	float:left;
	
	}
	
	.servicioscuadro3{
	
	
	width:280px;
	height:149px;
	background-color:#FFF;
	margin: 5px 5px 5px 5px;
	padding:1px 10px 10px 10px;
	border:solid 1px #CCC;
	float:left;
	
	}
	
	.servicioscuadro4{
	
	
	width:280px;
	height:100px;
	background-color:#FFF;
	margin: 5px 5px 5px 5px;
	padding:1px 10px 10px 10px;
	border:solid 1px #CCC;
	float:left;
	
	}
	
	
	
	.servicioscuadro5{
	
	
	width:605px;
	height:75px;
	background-color:#FFF;
	margin: 0px 0px 10px 5px;
	padding:1px 10px 10px 0px;
	border:solid 1px #CCC;
	float:left;
	
	}
	
	
	

	
	.cuadradopar{
	width:260px;
	height:50px;
	background-color:#FFF;
	margin: 0px 1px 1px 5px;
	padding:0px 0px 2px 2px;
	/*border:solid 1px #CCC;*/
	float:left;
	
	}