/*
	Mi Estilo
*/

body {background: #E7E9DF url(img/bg2.png) repeat-x;font-family: "Lucida Grande",arial,sans-serif;font-size: 12px;}

#tira {	height: 10px;background: #BBCE05;}


/* 
  Menu & Navegación
---------------------------------------- */
#navegacion {}
.menu { margin:0 0 0 15px; float: right;}
.menu ul { float:left; list-style:none; margin:0; }
.menu ul li { display:block; float:left; padding-left: 25px; }
.menu ul li a {	font-weight: bold; text-decoration:none; display:block;	color:#FFF;	padding:15px 0; }
.menu ul li a:hover { color:#EE8F00; background:url(img/flechita.gif) 55% 0 no-repeat; }
#active  { color:#EE8F00; background:url(img/flechita.gif) 55% 0 no-repeat; font-weight: bold;  padding:15px 0; padding-left: 0px;}

/* FIN MENU --- */

#logo {margin-top: 2em;height: 80px;}
#featured {height: 450px; margin-top: 1.5em;}

#somos {background-color: #EFEFE8; color: #563214;margin-top: 20px;}
#somos-img {margin-top: 1em;}

#somos-sidebar {margin-top: 1em;}
#somos-sidebar h1 { margin: 0.7em;font-weight: bold;font-size: 18px;}
#somos-sidebar h2 { margin: 1em;font-weight: bold;font-size: 12px;}
#somos-sidebar p {margin: 1em;font-size: 11px;width: 270px;}

#somos-content {margin-top: 1em;}
#somos-content h1 {margin: 0.4em;font-weight: bold;font-size: 24px;}
#somos-content h2 {margin: 1em;font-weight: bold;font-size: 16px;}
#somos-content p {margin: 1em;width: 580px;font-size: 14px;}

/* 
  Que hacemos
---------------------------------------- */
#hacemos {background-color: #EFEFE8; color: #563214;margin-top: 20px;}
#hacemos-text h1 {margin: 0em 0 0.4em 0.4em;font-weight: bold;font-size: 22px;margin-top: 20px;}
#hacemos-text p {margin: 0 0 10px 10px;}
.portafolio {background-color: #FFF; height: 335px;margin-top: 1em;}
.portafolio h1{font-size: 14px;margin: 4px 0 0 15px;}
.portafolio h2 { font-size: 12px; margin: 2px 0 0 15px;}
.portafolio p{ margin: 10px 0 0 15px;}


#blog {background-color: #EFEFE8; margin-top: 20px;height: 300px;}
.blog h1{font-size: 14px; margin: 25px 0 0 15px;padding-top: 20px; color: #563214;}
#contacto {background-color: #EFEFE8; margin-top: 20px;color: #563214;}

.contacto { height: 400px;margin-top: 1em;}
.contacto h1{font-size: 14px;margin: 15px 0 0 15px;}
.contacto p{ margin: 10px 0 0 15px;}

.port-img { padding: 10px;}


.imgder {float: left;margin: 0;}


/* 
  Pie de página
---------------------------------------- */
#pie { margin-top: 1em; height: 100px; background-color: #CCCABC;color: #563214;}

#pie-mapa {margin-top: 1em;}
#pie-mapa h1{font-size: 12px;margin: 4px 0 0 18px;}
#pie-mapa ul{ list-style:none;  margin:1em;}
#pie-mapa li {display:inline; padding: 0.6em;}
#pie-mapa a {text-decoration:none; color: #563214;}

#pie-newsletter {margin-top: 1em;}
#pie-newsletter h1{font-size: 14px;margin: 4px 0 0 15px;}


/* 
  Forma de contacto
---------------------------------------- */
#tbContactform {
margin: 2em 0 0 1em;
}
.tbContactform .antispam {
	display:  none;
	visibility: hidden;
}

.tbContactform label {
	width:  70px;
	display:  inline-block;
	vertical-align: top;
	clear: both;
	
}

.tbContactform input.text,
.tbContactform textarea {
	width:  225px;
	padding: 2px;
	background-color: #B3B0A1;
	height: 25px;
	color: #2B1704;
	font-weight: bold;
}

.tbContactform textarea {
	height:  115px;
}

.tbContactform input.submit {
	display: block;
  	margin-left: 220px;
  	width:  80px;
	height: 30px;
	background-color: #ddd;
	
}

.tbContactform .tbErrors p {
	color: #FF0000;
}



input, button, textarea, select {  font: normal 12px/12px "Lucida Grande",arial,sans-serif; color:#2d3538; vertical-align: middle; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; width: 100%; }
hr { display: none; }
img { padding: 0px; margin: 0px; border: none; text-align: center;}

a:link { text-decoration: none; color : #0099cc; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #0099cc; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #0099cc; border: 0px; -moz-outline-style: none;}
a:hover	{ text-decoration: underline; color : #025d87; border: 0px; -moz-outline-style: none;} 
a:focus { outline: none;-moz-outline-style: none;}