/*  
Theme Name: Estilos
Theme URI: http://www.ada-systems.net/
Description: Designed by www.ada-systems.net
Version: 1.0
Author: Ada-Systems.
*/

/***********************
*	     Basicos       *
***********************/
body {
	margin: 0px;
	padding: 0px;
	background: #1b1b1b;
	font-size: 14px;
	height: 100%;
	font-family: helvetica, sans-serif;
	color: #aaa;
	text-align: left;
}

p, ul, ol {
	line-height: 15px;
	color:#aaa;
}

h1, h2, h3, h4, h5, h6 {
	margin: 10px 5px;
	font-weight:bold;
	text-align:left;
   font-family: helvetica, sans-serif;
	color: #aaa;
}

h1 {font-size: 140%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 80%;}
h6 {font-size: 60%;}

a:link,
a:visited {
	color: #bbb;
	text-decoration: none;
	border: 0px;
}
	
a:hover,
a:active {
	color: #bbb;

}

a img{border: 0px;}

p{
	margin: 10px 20px 0px 20px;
	padding: 10px 0px;
	text-align:justify;
	color: #ddd;
}

.primer-parrafo:first-letter{
	font-size:40px;
	float:left;
}
.rojo{
	color:#eb2629;
}
.blanco{
	color:#ffffff;
}
.gris{
	color:#505050;
}
ul{
	list-style-type:none;
}

.left{float:left;}

.right{float:right;}

.blanco{
	color:#eee;
}
/***********************
*	     Global        *
***********************/
#global{
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	overflow: visible;
	background-color: #1b1b1b;
}

/***********************
*		 Cabeza        *
***********************/
#cabecera{
	position: relative;
	top:0px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 5px 0px;
	width: 950px;
	overflow: auto;
}

#logo{
	position: absolute;
	margin: 0px;
	padding:0px;
	top:10px;
	left:40px;
	display: none;
}

ul#menu{
	position: relative;
	margin: 64px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	height: 20px;
	width: 950px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	list-style: none;
}

ul#menu img{
	margin: -2px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul#menu li{
	float: left;
	height: 20px;
	text-align: center;
	font-size: 17px;
	padding: 0px 25px 0px 25px;
	margin: 0px 25px;
}

ul#menu a{
	color: #999;
	font-weight:normal;
}

ul#menu a.activo{
	color: #fff;
	font-weight:normal;
}

ul#sub-menu-foto, ul#sub-menu-video{
	position: relative;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 16px;
	width: 950px;
	color: #000;
	background-color: #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	display: none;
}

ul#sub-menu-foto li, ul#sub-menu-video li{
	float: left;
	height: 15px;
	text-align: center;
	font-size: 15px;
	color: #fff;
	padding: 0px 15px 0px 15px;
	margin: 0px 25px;
}

ul#sub-menu-foto a, ul#sub-menu-video a{
	color: #000;
	font-weight:normal;
}

/***********************
*		 Cuerpo        *
***********************/

#cuerpo{
	position: relative;
	margin: 10px auto 10px auto;
	padding: 1px 0px 10px 0px;
	width: 950px;
	overflow: auto;

}

ul#mural {
	position:relative;
	margin:0px auto;
	padding:4px;
	overflow:auto;
	width:840px;
}

ul#mural li{
	float:left;
	margin: 2px;
	height:227px;
	width:408px;
}

ul#mural li#bodas{background:url('../piezas/tarjeta-bodas.jpg') top center no-repeat;}
ul#mural li#empresas{background:url('../piezas/tarjeta-corporativo.jpg') top center no-repeat;}
ul#mural li#arquitectura{background:url('../piezas/tarjeta-arquitectura.jpg') top center no-repeat;}
ul#mural li#creatividad{background:url('../piezas/tarjeta-creatividad.jpg') top center no-repeat;}

ul#espacios{
	padding:0px;
	margin:0px;
	overflow: auto;
}

ul#espacios li#espacio20, ul#espacios li#espacio80{
	float:left;
	margin:0px 5px;
	padding:2px 0px;
	overflow: auto;
}

ul#espacios li#espacio20{width:250px;}
ul#espacios li#espacio80{width:670px;}

ul#espacios li#espacio20 > ul{
	margin:30px 0px 0px 0px;
	padding:1px;
}

ul#espacios li#espacio20 > ul >li{
	margin: 2px;
	padding: 0px;
	text-align: left;
}

form#contacto{
	margin: 0px 0px 0px 50px;
	padding: 15px;
	text-align: left;
	width: 525px;
	height: 278px;
	background: url('../piezas/contacto.png') top center no-repeat;
}

form#contacto input, form#contacto textarea{
	margin: 10px 0px;
	padding: 0px 0px 0px 4px;
	width: 350px;
	background-color:#1b1b1b;
	color:#ddd;
	font-size: 15px;
	font-family: helvetica, sans-serif;
	border: 1px solid #aaa;
}

form#contacto #boton{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	width: 82px;
	height: 48px;
	border: 0px;
}

form#contacto input{height: 20px;}
form#contacto textarea{height: 120px;}

form#contacto label{
	width: 500px;
}

#imagen-selec{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 650px;
	min-height: 275px;
	background: #000;
	background: url('../piezas/bk-img.jpg') no-repeat center #000;
	border: 1px solid #666;
}

#imagen-selec img{
	margin: 0px 0px -4px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

#imagen-selec embed{
	margin: 0px 0px -4px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px;
}

ul#carrete-imagenes{
	position: relative;
	margin: 0px;
	padding:0px;
	width: 240px;
	overflow: auto;
}

ul#carrete-imagenes li{
	float: left;
	margin: 10px 0px;
	padding: 20px;
	width: 106px;
	height: 75px;
	background: url('../piezas/bk-carrete.jpg') no-repeat center #000;
	border: 1px solid #666;
}

ul#contacto li{
	margin: 5px;
	padding: 5px 0px;
	height: 25px;
}

/***********************
*		 Pie           *
***********************/
#vimeo{
	margin: 0px 300px 0px 0px;
}

#pie{
	position: relative;
	width: 950px;
	margin: 0px auto 0px auto;
	padding:3px 2px 3px 2px;
	text-align: right;
	overflow: auto;
	border-top: 1px solid #aaa;
}