* {
	padding: 0;
	margin: 0;
}

html, body {
	height: 100%;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	background: #fff url(../images/bg-int.jpg) repeat-x 0 0;
}

a img {
	border: none;
	text-decoration: none; 
}

#wrapper {
	margin: 0 auto;
	width: 920px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

#header {
	width: 676px;
	color: #fff;
	padding: 10px;
	height: 40px;
	margin: 6px auto 0px auto;
	background: Transparent;
}

#header h1 {
	color: #fff;
	font-size: 20px;
	font-weight: lighter;
	text-shadow: #000 1px 1px 2px;
}

.rosa {
	color: #c1349d;
}

#navigation {
	width: 676px;
	height: 257px;
	color: #fff;
	padding: 10px;
	margin: 0 auto;
	background: #fff url(../images/rosas.jpg) no-repeat 0 0;
}

#navigation h1 {
	color: #fff;
	font-size: 24px;
	font-weight: lighter;
	text-shadow: #000 1px 1px 2px;
}

#content {
	width: 676px;
	color: #000;
	background: #fff;
	margin: 0px auto;
	padding: 10px;
	height: 250px;
	margin-bottom: 100px;
}

#footer {
	width: 100%;
	color: #fff;
	background: #000;
	margin: 0px auto;
	padding: 10px;
	margin-top: -100px;
}

#footer, #push {
	height: 100px;
}

#slider {
	margin: 28px 28px 0 0;
	width: 604px;
	height: 203px;
	float: right;
}

#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none;
}

#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:600px;
	height:201px;
	overflow:hidden; 
}

#descr {
	margin: 8px 0 0 10px;
	width: 290px;
	height: 203px;
	float: left;
}

#datos {
	width: 420px;
	min-height: 500px;
	float: left;
	margin: 5px;
	border-right: 1px solid #ccc;
	padding-right: 10px;
}

#datos h2 {
	text-align: center;
	color: #afbfc3;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}

#datos h3 {
	text-align: left;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	margin: 15px 0px 0px 0px;
}

#datos ul { 
	list-style-image: url("../images/liTick.png"); 
	margin-left: 10px;
	color: #6d7a7f;
	line-height: 1.5;
}

#datos ul a, a:visited {
	color: #6d7a7f;
	text-decoration: none;	
}

#datos ul a:hover, a:active {
	color: #6d7a7f;
	text-decoration: underline;	
}

#gente {
	width: 200px;
	min-height: 300px;
	float: right;
	margin: 5px;
	padding: 5px;
}

#gente h2 {
	text-align: center;
	color: #afbfc3;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}

#gente ul { 
	list-style-image: url("../images/liTick.png"); 
	margin-left: 10px;
	color: #6d7a7f;
	line-height: 1.5;
}

#gente ul a, a:visited {
	color: #6d7a7f;
	text-decoration: none;	
}

#gente ul a:hover, a:active {
	color: #6d7a7f;
	text-decoration: underline;	
}

table.datos {
	text-align: center;
	border: 0;
}

td.datos {
	vertical-align: top;
	padding-top: 10px;
}

div.back {
	margin: 50px 10px 30px 10px;
	float: right;
	text-align: center;
	border: 1px solid #ddd;
}

.back a, .back a:visited {
	color: #6d7a7f;
	text-decoration: none;	
}

.back a:hover, .back a:active {
	color: #3f474a;
	text-decoration: none;	
}

div.docs {
	margin: 50px 10px 30px 10px;
	float: none;
	text-align: center;
}

.docs a, .docs a:visited {
	color: #6d7a7f;
	text-decoration: none;	
}

.docs a:hover, .docs a:active {
	color: #3f474a;
	text-decoration: none;	
}

.more-link { font-size: 16px; color: #6d7a7f; text-decoration: none; font-weight: normal; background-color: #d1dadc; margin: 20px auto; float: left; padding: 7px 8px 8px 8px; -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em; border-radius: 0.3em; }
.more-link a { font-size: 11px; color: #6d7a7f; }
.more-link a.lightview { color: #6d7a7f; }
.more-link a:visited { font-size: 11px; color: #6d7a7f; text-decoration: none; text-transform: lowercase; }
.more-link a:hover { font-size: 11px; color: #ffffff; }
.more-link a:visited:hover { font-size: 11px; color: #ffffff; }

#logos {
	width: 640px;
	min-height: 500px;
	float: left;
	margin: 5px;
	border: 1px solid #ccc;
}

#logos h2 {
	text-align: center;
	color: #afbfc3;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}

#logos h3 {
	text-align: left;
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	margin: 15px 0px 0px 0px;
}

#logos ul { 
	list-style-image: url("../images/liTick.png"); 
	margin-left: 10px;
	color: #6d7a7f;
	line-height: 1.5;
}

#logos ul a, a:visited {
	color: #6d7a7f;
	text-decoration: none;	
}

#logos ul a:hover, a:active {
	color: #6d7a7f;
	text-decoration: underline;	
}

table.logos {
	text-align: center;
	border: 0;
}

#logos td {
	vertical-align: bottom;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

.logos a, .logos a:visited {
	color: #6d7a7f;
	text-decoration: none;	
}

.logos a:hover, .logos a:active {
	color: #3f474a;
	text-decoration: none;	
}