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

* {
	margin:0px;
	padding:0px;
	list-style:none;
}

body {
	background: url(../images/main_back.png) repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:none;
}

div#wrapper {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}

div#header {
	background:url(../images/backtop.jpg) no-repeat #a7aeb8;
	height:229px;
}

h1#logo {
	background:url(../images/atika_logo.png) no-repeat center center;
	display:block;
	width:160px;
	height:144px;
	text-indent:-9000px;
	float:right;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:27px;
}

ul#navigation {
	clear:both;
	background:url(../images/backnav.png) repeat-x;
	height:38px;
	display:block;
}

ul#navigation li {float:left;
} 

ul#navigation a {
	display:block;
	float:left;
	height:38px;
	text-indent:-9000px;
	overflow:hidden;
	width:120px;
}

ul#navigation li#nosotros a { background:url(../images/bt_nosotros.png); }
ul#navigation li#hogar a { background:url(../images/bt_hogar.png); }
ul#navigation li#empresa a { background:url(../images/bt_empresa.png); }
ul#navigation li#contacto a { background:url(../images/bt_contacto.png); }
ul#navigation li#proyectos a { background:url(../images/bt_proyectos.png); }
ul#navigation li#home a { background:url(../images/bt_home.png); }
ul#navigation li#email a { background:url(../images/bt_email.png); }


ul#navigation li#nosotros a:hover { background:url(../images/bt_nosotros_active.png); }
ul#navigation li#hogar a:hover { background:url(../images/bt_hogar_active.png); }
ul#navigation li#empresa a:hover { background:url(../images/bt_empresa_active.png); }
ul#navigation li#contacto a:hover { background:url(../images/bt_contacto_active.png); }
ul#navigation li#proyectos a:hover { background:url(../images/bt_proyectos_active.png); }
ul#navigation li#home a:hover { background:url(../images/bt_home_active.png); }
ul#navigation li#email a:hover { background:url(../images/bt_email_active.png); }

div#footer {
	background:#242424;
	clear:both;
	margin-top:20px;
}
div#footer-b {
	background:#242424;
	clear:both;
}
#sep-footer {
	clear:both;
	margin-top:20px;
}

div#footerContent {
	width:920px;
	margin-left:auto;
	margin-right:auto;
	padding:20px;	
	clear:both;
}

div#body {
	padding:15px;
	
}
div#body-b {
	padding:0px;
	
}
div#content { 
	float:left;
	width:690px;
	margin-left:20px;
}

div#content p {
	margin-bottom:10px;
}

div#content h2, div#realcontent h2 {
	color: #61656B;
	font-family:"Myriad Pro", Helvetica, Arial;
	text-transform:uppercase;
	font-weight:normal;
	font-size:30px;
	letter-spacing:-1px;
	margin-bottom:27px;
}

div#content h2 strong {
	text-transform:lowercase;
	color:black;
}

div#content h2 strong strong {
	color: #61656B !important;	
}

div#realcontent p {
	margin-bottom:10px;
}

div#sidebar {
	float:left;
	width:190px;
	padding:15px;
	background:	#0a0a0a;
	margin-top:8px;
	margin-bottom:20px;
	min-height:500px;	
}

div#sidebar a {
	color:#FFF;
	text-decoration:none;
}

form#contacto label {
	display:block;
	margin-top:5px;
	font-weight:bold;
}

form#contacto ol input, textarea {
	width:300px;
	margin-bottom:5px;
}

div#sidebar ul a {
	font-size:15px;
	text-transform:uppercase;
	font-weight:normal;
	font-family:"Myriad Pro", Helvetica, Arial;
	display:block;
	background:url(../images/plus.gif) no-repeat left center;
	padding-left:16px;
}

div#sidebar ul a.minus {
	background:url(../images/minus.gif) no-repeat left center;
}

div#sidebar ul a.dot {
	background:url(../images/dot.gif) no-repeat left center;
}

div#sidebar ul ul a {
	font-size:12px;
	text-transform:lowercase;
	font-weight:normal;
	color: #b6b6b6;
	font-family:Arial, Helvetica, serif;
	display:block;
	background:none;
	padding-left:0px;
	
}

div#sidebar ul ul {
margin-left:20px;
}

div#sidebar ul li {
	margin-bottom:7px;
}

div#sidebar ul ul li {
	margin-bottom:3px;
}
ul#subpages li {
float:left;
margin-right:10px;
margin-bottom:10px;
height: 220px;
overflow:hidden;
}

.nomarginright {
	margin-right:0px !important;
}

ul#subpages li a {
	width:220px;
	height:165px;
	border:solid 1px #000;
	display:block;
	color:#FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	font-size:12px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.products ul#subpages li a {
	height:220px;	
}

.products ul#subpages li a div {
	margin-top:194px;
}


ul#subpages li a div {
	padding:5px;
	margin-top:139px;
	opacity:0.8;
	height:16px;
	line-height:16px;
	overflow:hidden;	
	background: #000000 url(../images/plus.gif) 200px center no-repeat;
}
.photo{
	float: left;
	height: 120px;
	width: 120px;
	margin: 5px;
}
#bot-home {
	width: 40px;
	height: 35px;
	float: left;
	position: absolute;
	top: 191px;
	right: 214px;
	margin-top: 1px;
}
#bot-home a#home {
	width: 40px;
	height: 38px;
	float: left;
	background-image: url(../images/bt_home.png);
	background-repeat: no-repeat;
	background-position: 5px 2px;
	text-indent: -90000px;
}
#bot-home a#home:hover {
	background-image: url(../images/bt_home.png);
	background-repeat: no-repeat;
	background-position: 5px -34px;
}

#content-principal {
	float:left;
	width:960px;
	height: 337px;
	background-image:url(../images/bg_index.jpg);
	background-position: center top;
}
#datos-principal { 
	width: 349px;
	height: 337px;
	float: left;
}
#datos-principal .titulo {
	width: 349px;
	height: 90px;
	float: left;
	background-image: url(../images/titulo.png);
	background-repeat: no-repeat;
	background-position: right center;
	text-indent:-90000px;
	margin-top: 65px;
}

#datos-principal #facebook-bg {
	width: 263px;
	height: 67px;
	float: left;
	text-indent:-90000px;
	position: relative;
	margin-left: 88px;
}
a#facebook-bot {
	height: 63px;
	width: 263px;
	float: left;
	background-image:url(../images/bot_facebook.png);
	background-position: 0px 0px;
	position: absolute;
}
a#facebook-bot:hover {
	background-image:url(../images/bot_facebook.png);
	background-position: 0px 188px
}

#datos-principal .botones {
	width: 36px;
	height: 35px;
	float: left;
	margin-top: 10px;
	margin-left: 313px;
}

a#email-bot {
	height: 33px;
	width: 32px;
	float: left;
	background-image:url(../images/bt_email.png);
	background-position: 0px 0px;
	text-indent: -90000px
}
a#email-bot:hover {
	background-image:url(../images/bt_email.png);
	background-position: 0px 167px
}