/*
Hoja de Estilos
Porfirio Romero Villegas ** www.porfirioromero.com ** 2010
/* 
––––––––––––––––––––––––––––––––  RESET  –––––––––––––––––––––––––––––––––––
*/
@import url('Reset.css');
/*
––––––––––––––––––––––––––––––––  GLOBAL Y CONTENIDO –––––––––––––––––––––––––––––––––––

*/
body {
	line-height: 1;
	font: normal 12px Georgia, "Times New Roman", Times, serif;
	color: #000;
}
.Clear {
	clear: both;
}
#Contenido {
	width:1182px;
	margin:0 auto;
	height:716px;
	background:url(../imagenes/fondo.jpg) repeat;
	padding:0 33px 41px 0;
}
#Back {
	height:210px;
	background:#ffffff;
	position:absolute;
	top:0;
	z-index:1;
}
p{
	line-height:22px;
	font-size:12px;
}
.none{
	display:none;
}
/* 
–––––––––––––––––––––––––––––––  HEADER  ––––––––––––––––––––––––––––––––––––
*/

#Header {
	height:145px;
	xbackground:url(../imagenes/Cerillo.png) no-repeat 191px 25px;
	position:relative;
	z-index:999;
}
#Header .cerillo{
	margin:10px 0 0 10px;
	position:absolute;
	width:673px;
	height:57px;
	top:38px;
	left:185px;
	z-index:3;
}
#Header .cabezacerillo{
	position:absolute;
	width:188px;
	height:90spx;
	top:39px;
	left:868px;
	z-index:3;
	}
#Header a#Logo {
	background:url(../imagenes/FondoPapelLogo.png) no-repeat;
	display:block;
	position:absolute;
	left:0;
	top:15px;
	height:136px;
	width:222px;
	z-index:10;
}
#Header a#Logo img{
	position:absolute;
	z-index:999;
	top:5px;
	left:2px;
	width:201px;
	height:119px;
}
/*
–––––––––––––––––––––––––––––––    NAV  ––––––––––––––––––––––––––––––––––––
*/

#Nav{
	height:22px;
	position:absolute;
	top:64px;
	left:232px;
	width:321px;
	height:20px;
	z-index:999;
}
.Menus{
	padding:15px 10px 0 10px;
	display:none;
}
.cajaMenu{
	position:absolute;
	top:89px;
	left:215px;
	width:100px;
	height:66px;
	background:url(../imagenes/MenuBg.png) no-repeat bottom;
	width:157px;
	z-index:0;
}
.equipoMenu{
	position:absolute;
	top:89px;
	left:398px;
	width:100px;
	height:108px;
	background:url(../imagenes/MenuBg.png) no-repeat bottom;
	width:157px;
	z-index:0;
}
#Nav ul li {
	float:left;
	display:inline;
	overflow:hidden;
}
#Nav ul li a {
	display:block;
	width:100%;
	height:100%;
}
.nav{
	background:#fff;
}
.caja{
	margin-left:36px;
}
.equipo{
	margin-left:121px;
}
.opcion{
	background:#30c8de;
	margin:3px 0 3px 14px;
	padding:4px;
	display:block;
}

#Nav ul{
	xdisplay:none;
	background:url(../imagenes/MenuBg.png) no-repeat bottom;
	width:157px;
	
}
#Nav ul li{
}
.Boton{
	cursor:pointer;
}
/* 
––––––––––––––––––––––––––––––––  MAIN   ––––––––––––––––––––––––––––––––––
*/

#Main {
}
#Izq{
	width:157px;
	float:left;
}
#Der{
	background:url(../imagenes/DerFondo.png) no-repeat left top;
	float:left;
	width:1000px;
	height:538px;
}
#Entrada {
	padding:10px;
}
#EntradaArriba{
	background:url(../imagenes/EntradaArriba.png) no-repeat center;
	height:14px;
}
#EntradaCentro{
	background:url(../imagenes/AnimacionEntrada.gif) no-repeat center center;
	height:430px;
	position:relative;
	z-index:20;
}
.Animacion{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	display:none;
}
#Creamos_div{
	background:url(../imagenes/CreamosObras.png) no-repeat center center;
	z-index:21;
}
#Inventamos_div{
	background:url(../imagenes/Inventamos.png) no-repeat center center;
	z-index:22;
}

#Generamos_div{
	background:url(../imagenes/Generamos.png) no-repeat center center;
	z-index:23;
}
#EntradaAbajo{
	background:url(../imagenes/EntradaAbajo.png) no-repeat center;
	height:68px;
}

#Izq a{
	display:block;
}
#Contacto, #Links{
	margin-top:22px;
}
#QuienesSomos{
	padding:45px 0 0 265px;
	display:none;
}
#ContactoLink{
	padding:45px 0 0 20px;
	display:none;
}
#LinksPanel{
	padding:200px 140px;
	display:none;
}
.Gente{
	padding:45px;
	display:none;
}
/* 
–––––––––––––––––––––––––––––––––  ACERCA DE   ––––––––––––––––––––––––––––––––––
*/
/* 
–––––––––––––––––––––––––––––––––  CONTACTO  ––––––––––––––––––––––––––––––––––
*/
#ContactoIzq{
	float:left;
	width:244px;
	padding-top:10px;
}
#ContactoDer{
	float:left;
}
#Correos{
	padding:20px;
}
.NombreCorreo{
	margin-top:3px;
	cursor:pointer;
}
#Form {
	margin-top:60px;
}
input, textarea{
	border:1px solid #333;
}
label{
	display:block;
	margin-bottom:20px;
}
label span{
	float:left;
	width:55px;
}
.error {
	color:red;
	text-indent:25px;
	width:280px;
	display:block;
}
input[type="text"] {
	height:18px;
	line-height:18px;
}
input[type="submit"] {
	height:23px;
	color:#000000;
}
#Enviado {
	padding-top:61px;
}
/* 
–––––––––––––––––––––––––––––––––  FOOTER  ––––––––––––––––––––––––––––––––––
*/
#Footer {
	height:119px;
	background:url(../images/FooterBg2.png) repeat-x;
	display:block;
	padding:5px 58px;
}
#Footer p {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:600;
	line-height:14px
}
#FooterMenu {
	margin-top:20px;
	display:block;
	height:18px;
}
#FooterMenu li {
	float:left
}
#FooterMenu li a {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:500;
	font-size:14px;
	text-decoration:none;
	margin-right:21px;
}
#FooterMenu li a:hover {
	text-decoration:underline;
}
#CopyRight {
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	padding-top:10px;
}

/*
–––––––––––––––––––––––––––––  LINKS  ––––––––––––––––––––––––––––––––––––––

*/
a:link, a:visited {
	color: #333;
}
a:hover {
	color: #111;
}
a:active {
	color: #111;
}
/*
–––––––––––––––––––––––––––––  H TITULOS  Y PARRAFOS  ––––––––––––––––––––––––––––––––––––––

*/
h1 {
	height:17px;
	margin-left:10px;
}

h2 {
	height:17px;
	margin-left:10px;
}
h3 {
	height:17px;
	margin-left:10px;
}
h4 {
	font: bold 1em Arial, Geneva, Helvetica, sans-serif;
}
h5 {
	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;
}