@charset "utf-8";
/*  
Company : Grupo IS
URL: http://www.grupo-is.com
Description: This is my stylesheet for Grupo IS - Architecture Firm / 
Esta es mi hoja de estilos para Grupo IS - Despacho de Arquitectura.
Version: 1.0
Author: Marysol Ortega
Author URL: http://www.marysolortega.com/

*/

body{
	background:#323230 url(images/bg.jpg) top repeat-x;
	color:#fff;
	font:0.88em Arial, Helvetica, sans-serif;
	margin:0;
	text-align:center;
}

h1{
	color:#C6C6C6;
	font-weight:normal;
}

h2{
	color:#163EA5;
	font-size:1.5em;
	font-weight:normal;
}

p{
	font-size:0.79em;
}

a:link, a:active, a:visited{
	color:#C1C1C1;
	text-decoration:none;
}

a:visited{
	color:#E2E2E2;
	text-decoration:none;
}

a:hover{
	color:#fff;
	text-decoration:underline;
}

h2 span{
	color:#646464;
}

.wrap{
	margin:0 auto 0 auto;
	text-align:left;
	width:900px;
}

#header, #footer, .content, #rounded, #breadcrumbs, #menu{
	width:100%;
}

.left, #header, #footer, .content, #rounded, #breadcrumbs, #menu{
	float:left;
}

/*************************************************************************/
/********************************** header *******************************/
/*************************************************************************/

#header{
	margin-top:0.5em;}

#header img{
	margin:0em 1.50em 0.75em 1.50em;
}

#slogan{
	float:right;
	margin:0.5em 0 0 1.50em
}

#breadcrumbs{
	margin-bottom:1em
}

#breadcrumbs, #footer{
	color:#999998;
	font-size:0.8em;
}

/*************************************************************************/
/************************************ menu *******************************/
/*************************************************************************/
#menu{
	background:url(images/menu_bg.jpg) top repeat-x;
	float:left;
	width:100%
}

/*************************************************************************/
/********************************** content ******************************/
/*************************************************************************/
.content{
	background:#FFF;
	color:#333
}

.leftcolumn{
	float:left;
	padding:0 25px;
	width:37em;
}

.rightcolumn{
	float:left;
	width:20em;
}

.rightcolumn img{
	border:solid 5px #E6E6E6;
}

.title{
	color:#8BC400;
	font-size:1.5em;
	font-weight:normal;
	margin:0 2.2em 0.25em 1.3em;
	text-align:right;
}

.mail, .mail a, .mail a:hover{
	color:#9BCE35;
	font-weight:bold;
}

/*************************************************************************/
/********************************** footer *******************************/
/*************************************************************************/
#footer{
	text-align:right
}

