* { padding: 0; margin: 0; }
html { height: 101%; }
body {
  background-image: url("../images/bg.gif");
  background-repeat: repeat-x;
  background-color: #E4E4E4;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 15px;
  line-height: 1.3em;  
}
#wrapper {
  color: #666;
  width: 960px;
  padding: 20PX;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#encabezado {
	position: relative;
	color: white;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding: 15px 0 0 0;
	height: 85px;
	background-image:url("../images/logo.png");
	background-repeat: no-repeat;
	background-position: 0 10px;
}
	#encabezado h1{
		color: #ebebeb;
		font-size:36px;
		text-indent: -9000px;
}
#encabezado #slogan p{
	float: right;
	margin-top: -40px;
	color: #ebebeb;
	font-size: 18px;
	font-style: italic;
	text-align: right;
}
#twitter{
	float: right;
	margin-top: -90px;
	margin-right: 40px;
	width: 131px;
	height: 134px;
	display: none;
}
#areatexto {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	padding: 20px 5px 20px 5px ;
}
	#areatexto p{
		line-height: 1.6em;
	}
.titulos-barra{
	color: #77a093;
}
.titulos{
	color: #77a093;
}
#columna-der{
	float: right;
	margin-top: 5px;
}
	.div-blanco {
		width: 300px;
		background-color: #FFF;
		border: 5px dotted #e4e4e4;
		padding: 10px 15px 10px 15px;
		margin-bottom: 15px;
	}
	.div-blanco img{
		float: left;
		padding-right: 7px;
	}
	.div-blanco .linea{
		width: 250px;
		margin-left: 24px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #CCC;
	}
	.div-naranja {
		width: 300px;
		background-color: #d9ebb0;
		border: 5px dotted #e4e4e4;
		padding: 10px 15px 10px 15px;
		margin-bottom: 15px;
	}
	.div-naranja h3{
		color: #000;
	}
	.div-naranja img{
		float: left;
		padding-right: 7px;
	}
	.div-naranja .linea{
		width: 250px;
		margin-left: 24px;
		margin-bottom: 10px;
		border-bottom: 1px dotted #CCC;
	}
	ul.servicios {
		list-style: none;
		color: #333;
		white-space: normal; 
		font-size: 1em;
	}
	ul.servicios li {
		line-height: 2em;
		background-image: url("../images/check.gif");
		background-repeat: no-repeat;
		background-position: 5px 8px;
		padding: 0 0 0 28px;
	}
#columna-izq{
	float: left;
	width: 540px;
	margin-top: 20px;
	padding-right: 15px; 
}
.portfolio{
	height: 100px;
}
	.portfolio img{
		float: left;
		width: 270px;
		height: 90px;
		margin: 0 10px 0 0;
		padding: 5px;
		border: 1px solid #999;
	}
	.linea-larga{
		height: 7px;
		padding-top: 10px;
		border-bottom: 2px dotted #CCC;
	}
	
.portfolio-chico img{
	float: left;
	width: 270px;
	height: 90px;
	padding: 5px;
	border: 1px solid #999;
	margin-bottom: 15px;
}
#pie {
	clear: both;
	background:#6F7F4D url("../images/footer-bg.gif") repeat-x 0 0;
	padding:13px 0 25px;
	height:160px;
	overflow:hidden;
}
#pie p{ float:left; font-size:1em; line-height:1.5em; color: #CCC; padding:87px 0 2px 0px; margin:0;}
	#pie #contenedor{
		width: 900px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
#validate{ float:right; padding:0 0 2px 0px; margin-right: 2px; }

h1 { font-size: 200%; color: #666; margin-top: 20px;} 
h2 { font-size: 130%; margin-bottom: 0.5em; padding-bottom: 0.5em; color: #666; border-bottom: 1px dotted #CCC;}
h3 { color: #C3DB2B; margin-top: 5px;}
h4 { color: #FFF; font-weight: normal; margin-bottom: 7px;}
address {
  text-align: center;  
  font-size: 90%; 
  font-style: normal; 
  letter-spacing: 1px; 
  line-height: 1.5em; 
}
a { text-decoration: underline; outline: none; } 
a:link { color: #ffa800;}
a:visited { color: #ffa800; }
a:hover, a:focus { text-decoration: underline; }
a:active { color: #ffa800;}

a.remarcado { text-decoration: none; outline: none; background-color: #CCC;} 
a.remarcado:link { color: #333; border: 0; padding: 0 5px 0 5px;}
a.remarcado:visited { color: #333; }
a.remarcado:hover, a:focus { text-decoration: underline; }
a.remarcado:active { color: white; background-color: #CCC;}

.phone { margin-top: 3px;}
.mail { margin-top: 2px;}
.skype { margin-top: 4px;}
.msn { margin-top: 5px;}

p, ul { 
  margin-top: 0 ;
  margin-right: 0 ;
  margin-bottom: 1em ;
  margin-left: 0;
}
ul ul { 
  margin: 0; 
} 
li { 
  margin-top: 0 ; 
  margin-right: 0; 
  margin-bottom: 0; 
  margin-left: 1em; 
} 
div#container{
	width: 900px; 
	float: left; 
	min-width:300px; 
	font-size: 15px; 
	background-image:url("../images/back-nav.gif"); 
	height:40px;
	margin: 10px 0 40px 2px;
}
ul#minitabs{
	list-style: none; 
	float: left; 
	margin: 0;
	padding: 6px 0;
	border-bottom: 0px solid #CCC; 
	font-weight: normal; 
	font-family: Tahoma, Arial;
	text-align: center; 
	white-space: normal; 
	font-size: 1.1em;
	font-weight: bold;
}
ul#minitabs li{
	display: inline; 
	margin: 0 30px
}
ul#minitabs a{
	text-decoration: none;
	padding: 0 0 3px;
	color: #CCC;
}
ul#minitabs a#current{
	color: #ffa800;
}
ul#minitabs a:hover{
	border-color: #3C3;
	color: #FFF;
}
#iconos{
	position: absolute;
	float: left;
	padding-top: 15px;
}
#easyTooltip{
	padding:5px;
	border:5px solid #b7d17e;
	background: #5E684D;
	color: #FFF;
}


form div{
	overflow:hidden;
}
input[type="text"], input[type="password"], textarea, .field, .area, select{
	border:1px solid #aaa;
	padding:5px;
	background:#fff;
	width:200px;
	line-height:110%;
	margin-left: 3px;
}
button{
	border:none;
	background:url("../images/bg_button.gif") no-repeat 0 0;;
	color:#fff;
	width:154px;
	height:42px;
	cursor:pointer;
	text-align:center;
	font-size:15px;
}
.excerpt{font-style:italic; margin-left:3px; padding-bottom:5px; color:#CCC;}
.error{color:#FF0;display:block; margin-left:4px;}
.success{color:#060;}
.leermas	{
	float: right;
	padding-right: 40px;
}

#formulario{width:450px;padding:5px 0;}
div.medidas{margin: 10px 0 10px 0;}
div.medidas label{float:left;width:90px;line-height:23px; padding-top:3px;}
div.medidas textarea{width:300px; margin-left: 0px;}
div.medidas input{height: 25px; padding:5px 5px 0 5px;; border: 1px solid #999; width:300px;}

input#login{
	margin-left: 88px; 
	border:none;
	background:url("../images/boton.png") no-repeat 0 0;;
	color:#fff;
	width:154px;
	height:42px;
	cursor:pointer;
	text-align:center;
	font-size:15px;
}
.alerta h2{
	color: #F00;
}