/*
	CSS - Marta Romero	
	Oct - 2008
	Screen Version
*/

/* GENERAL STYLES */

*{
	height: 	auto;
	margin: 	0px;
	padding: 	0px;
	border: 	0px;
}

body {
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	}

html, body, #wrap, #bg table, #bg td, #main_container {
	height:100%;
	overflow:hidden;
	width:100%;
	}
/* General Links */
a:link { text-decoration : none; font-weight:bold; border: 0px;} 
a:active { text-decoration : underline; font-weight:bold; border: 0px;}
a:visited { text-decoration : none; font-weight:bold; border: 0px;}
a:hover { text-decoration : underline; font-weight:bold; border: 0px;}

/* General Class */

form { padding: 0px; margin: 0px; }
img { border: none;}
a img {border-width: 0px;}
td, th {font-size : 11px; /* For IE5.x */}

.clear {clear: both;height: 1px;}
.discontinue {clear:both}
.right {float: right;}
.left {float: left;}
.non_line {border:0px;}
.nodisplay {display:none;}
.float_relative {float:left; position: relative;}
.width_100p { width:100%;}
.width_90p { width:90%;}
.width_49p { width:49%;}




/* MAIN CONTAINER 
====================================================================================*/ 
#main_container {
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto;
	}


/* 1.HEADER =LOGO
====================================================================================*/ 

#header {
	height: 115px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 180px;
	float: left;
	z-index:90;
	}

#header h1 {
	width: 160px;
	height: 115px;
	position: absolute;
	top:0px;
	left: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../img/logo_omoi_trans.png) no-repeat; 
	float: left;
	}
#header h1 span {
	display:none;
	}

#header h2 {
	width: 350px;
	height: 20px;
	position: absolute;
	top:20px;
	left: 70%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size:14px;
	font-weight:bold;
	}
	
#header h2 span {
	font-size:10px;
	font-weight:normal;
	}
	
/* 3.CONTAINER 
====================================================================================*/ 

#container {
	width:100%;	
	height: 420px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	position: absolute;
	top:120px;
	left: 0px;
	}


/****** 3.1. Titulo ******/

h3 {
	font-size: 	 12px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-stretch:wider;
	letter-spacing: -1px;
	font-variant:small-caps;
	height: 20px;
	width:135px;
}

h3 a {
	display:block;
	padding: 0px 0px 0px 0px;
	height: 20px;
	width:135px;
}


h3 a span {display:none;}

/****** 3.2. Content ******/
div.content {
	margin: 0px 0px 2px 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
}

div.texto500px {
	width:500px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 200px;
	}
	
div.texto600px {
	width:600px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 200px;
	}


p {
	font-size:11px;
	font-weight:normal;
	margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 20px;
}	
.columnas {
	width:195px;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}

/*PORTFOLIO*/

div.textoportfolio {
	min-height: 300px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 50px;
	}
div.textoportfolio2 {
	height: 300px;
	margin: 0px 0px 0px 0px;
	padding: px 0px px 0px;
	float:left;
	}

ul.subnavlist {
	width: 180px;
	height:70px;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
	float: left;
	}
ul.subnavlist li a,
ul.subnavlist li a:visited {
	display: block;
	height:20px;
	padding:0px 5px 0px 5px;
	text-decoration: none;
	font-size:10px;
	font-weight:bold;
}

ul.subnavlist li a:active,
ul.subnavlist li a:hover { 
	height:20px;
	padding:0px 5px 0px 5px;
}


div.cases_ex{
	width:185px;
	float:left;
	padding: 0px 5px 0px 10px;
}
div.cases_ex ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	height:110px;
	width:100px;
	border-left: 1px solid #bb8ab9;
	}
div.cases_ex ul li{
	list-style-type: none;
	list-style-position: outside;
	width:160px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	}
div.cases_ex ul li a{
	font-weight:normal;
	}
div.cases_ex ul li a:hover{
	font-weight:normal;
	}
div.cases_ex ul li a:active{
	font-weight:normal;
	}
	
div.case_description{
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 10px 0px;
	float:left;
}

div.case_description img{
	margin: 5px 0px 0px 0px;
}
div.case_description p{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-weight:normal;
}
div.case_description p strong{
	font-weight:bold;
}


/* 4.FOOTER 
====================================================================================*/ 

#footer{
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:80;
	width:100%;
	line-height:12px;
	}
	
#footer div{
	height:30px;
	padding:0px;
	}

#footer .ver_foto{
	float:left;
	width: 15%;
	margin: 0px 0px 0px 0px;
	padding: 5px 10px 0px 0px;
	}

#footer .telefono{
	float:right;
	width: 31%;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	}
	
#footer ul.menulist  {
	/*width: 629px;*/
	width:47%;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	}
#footer ul.menulist li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	text-align: left;
	height:20px;
	float: left;
	}
#footer ul.menulist li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 3px 2px 0px 0px;	text-decoration: none;
	font-size:10px;
	font-weight:bolder;
	
}

#footer ul.menulist li a.active,
#footer ul.menulist li a:hover { 
	padding: 3px 2px 0px 0px;
}





/* FOTO BACKGROUND
====================================================================================*/ 
#bg div{position:absolute;width:200%;height:200%;top:-50%;left:-50%;}
#bg td{vertical-align:middle;text-align:center; }
#bg img{width:50%;height:50%; margin:0 auto}
/*#bg img{min-height:50%;min-width:50%; margin:0 auto}	*/