/* ---------------------------------------------------
	
	Hoja de estilos: default.css
	Media: screen
	Versión: 1.0 beta
	
	Autor: ABC Comunicación
	www.abccomunicacion.com
	info@abccomunicacion.com
	
	Índice:
	- Reseteo
	- Estilos Generales
	- Estructura
	- Diseño
	- Menu
	- Submenu
	- Títulos
	
/* ---------------------------------------------------
	Reseteo
--------------------------------------------------- */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	text-decoration: none;
}
html, body {
	height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ol,ul {
	list-style: none;
}
a img, :link img, :visited img {
	border:none
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}
/* --------------------------------------------------- 
	Estilos generales
--------------------------------------------------- */
body {
	font: 62.5% "Trebuchet MS", Arial, sans-serif;
	color: #6d6f71;
}
a {
	color: #e6c22a;
}
h2 {
	font-size: 5.5em;
}
h3 {
	font-size: 3.2em;
}
h4 {
	font-size: 2.7em;
}
h3, h4 {
	padding-bottom: 0.4em;
}
p {
	font-size: 1.4em;
	line-height: 1.4em;
	padding-bottom: 0.8em;
}
span {
	display: none;
}
/* ---------------------------------------------------
	Estructura
--------------------------------------------------- */
#principal {
	background: url(../img/nubes.jpg) no-repeat center 4em fixed;
}
#encabezado {
	padding: 2em 4em 2.5em;
}
#contenedor {
	width: 99.6em;
	margin: 0px auto;
}
#contenido {
	clear: both;
	min-height: 35em;/*ojota*/
	height: 100%;
	padding: 15em 4em 0 31em;
	background: url(../img/vamos-home.png) no-repeat 3em 1.2em;
}
#textos {
	padding-top: 1em;
}
iframe {
	width: 450px;
	height: 500px;
}
/* ---------------------------------------------------
	Diseño
--------------------------------------------------- */
#encabezado h1 {
	float: left;
	width: 282px;
	height: 38px;
	background: url(../img/logo.png) no-repeat;
}
p.bajada {
	font-size: 1.8em;
}
.caja {
	top: 0;
	left: 0;
	padding-left: 19em;
}
.caja em {
	font-size: 1.8em;
	text-align: center;
}
#contenido p a:hover {
	text-decoration: underline;
}
/* ---------------------------------------------------
	Menú
--------------------------------------------------- */
#menu {
	float: right;
	height: 3.3em;
	width: 45.5em;
	padding-top: 0.8em;
	background: url(../img/botonera.png) no-repeat top;
}
#menu li {
	display: inline;
	margin-left: 2.2em;
}
#menu li a {
	color: #6d6f71;
	font-size: 1.4em;
	text-decoration: none;
}
#menu li a:hover {
	color: #e6c22a;
	padding-bottom: 0.4em;
	padding-top: 0.3em;
}
/* ---------------------------------------------------
	Submenú
--------------------------------------------------- */
#submenu {
	float: left;
	padding-top: 0em;
	width: 18em;
}
#submenu li {
	font-size: 1.4em;
	line-height: 1.6em;
}
#submenu li a {
	color: #6d6f71;
	text-decoration: none;
	padding-left: 0.6em;
	background: url(../img/flecha-submenu.png) no-repeat left 0.2em;
}
#submenu li a:hover {
	color: #e6c22a;
}
#submenu ul li a {
	margin-left: 1em;
}
/* ---------------------------------------------------
	Títulos
--------------------------------------------------- */
.titulo {
	height: 1em;
}
#inicio h2 {
	background: url(../img/titulo-vamos.png) no-repeat;
}
#nosotros h2 {
	background: url(../img/nosotros_titulo.png) no-repeat;
}
#servicios h2 {
	background: url(../img/servicios_titulo.png) no-repeat;
}
#contacto h2 {
	background: url(../img/contacto_titulo.png) no-repeat;
}
#trabajos h2 {
	background: url(../img/trabajos_titulo.png) no-repeat;
}
#trabajos h3 {
	background: url(../img/clientes_titulo.png) no-repeat;
}
h3.nombre-alejandro {
	background: url(../img/titulo_ale.png) no-repeat;
}
h3.nombre-silvina {
	background: url(../img/titulo_sil.png) no-repeat;
}
h3.nombre-francisco {
	background: url(../img/titulo_fran.png) no-repeat;
}