@charset "utf-8";
/* CSS Document */


/* -------------------------------------------------DIVS-------------------------------------------------*/
body{
	background:#9d8326;
	margin:auto;
	padding:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
}

body a{
text-decoration:none;
color:#000;
}
/* -------------------------------------------------contenedor de sombras-------------------------------------------------*/
#wrap{
width:1024px;
margin: auto;
padding:0px;
/*border: solid 1px #00FF00;*/
background:url(../imagenes/sombra_marron.png);
}
/* -------------------------------------------------cabecera-------------------------------------------------*/
#header{
width:1000px;
height:110px;
*height:126px;
/*height:110px;*/
clear:both;
margin:0px;
margin-left:12px;
*margin-left:0px;
/*padding:0px 12px 0px 12px;*/
/*border:1px solid #FF0000;*/
background:url(../imagenes/cabecera1.png) no-repeat;
}




/*#header img{
	padding:0 px;
	margin:0px;
}*/
/* -------------------------------------------------menu-------------------------------------------------*/
#menu{
width:1000px;
height:29px;
text-align:center;
background:url(../imagenes/menu1.png);
margin:0px 12px 0px 12px;
clear:both;
/*border:1px solid #FF0000;*/
}

#menu ul {
	*padding: 0px 10px 0px 410px;
	padding: 5px 10px 0px 410px;
	/**padding: 28px;*/
	
}

#menu ul li {
	margin: 0px 5px 0 5px;
	display: inline;
}

#menu ul li a {
font-family:Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bold;
	font-size:small;
	text-decoration: none;
}

#menu ul li a.active {
	color: green;
}
#menu ul li a:hover {
	color: #000000;
}
/* -------------------------------------------------contenedor-------------------------------------------------*/
#mainwrap{
width:1000px;
margin:0px 12px 0px 12px;
margin:0 auto;
/*border:solid 1px #00FFCC; */
background:url(../imagenes/fondopatron.png);
clear:both;
}
/* -------------------------------------------------paquetes-------------------------------------------------*/
#paquetes{
width:937px;
height:250px;
padding:30px 10px 0px 10px;
/*margin-top:30px;*/
/*border:solid 1px #00FFCC;*/
margin:auto;
margin-bottom:20px;
/*background:url(../imagenes/packs.png) center bottom;*/
}

#paquete1{
width:283px;
height:210px;
padding:5px 5px 15px 5px;
float:left;
margin-top:5px;
margin-right:10px;
/*border:solid 1px #CC0000;*/
background:url(../imagenes/fondopacks.png);
}

#paquete2{
width:283px;
float:left;
height:210px;
padding:5px 5px 15px 5px;
margin-top:5px;
margin-left:10px;
margin-right:10px;
/*border:solid 1px #CC0000; */
background:url(../imagenes/fondopacks2.png);
}

#paquete3{
width:283px;
float:left;
height:210px;
padding:5px 5px 15px 5px;
margin-top:5px;
margin-left:10px;
/*border:solid 1px #CC0000; */
background:url(../imagenes/fondopacks3.png);
}

.titulopacks h3{
font-family:Arial, Helvetica, sans-serif;
font-size:medium;
/*border:solid 1px #CC0000;*/
text-align: center;
*margin-top:20px;
}

.imagenpack{
	width:100px;
	height:160px;
	margin-left:18px;
	padding-right:10px;
	float:left;
	/*border:solid 1px #CC0000;*/
}

.textopack{
	width:125px;
	height:160px;
	margin-left:5px;
	float:left;
	text-align:left;
	/*border:solid 1px #CC0000;*/
}

.imagenpack img{
padding:5px 5px 5px 5px;
/*border:solid 1px #CC0000;*/
}

.textopack p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align: justifty;
/*border:solid 1px #CC0000;*/
}

.textopack a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	text-align: justifty;
	text-decoration:none;
	color:#CC0099;
/*border:solid 1px #CC0000;*/
}


/* -------------------------------------------------ultimos trabajos-------------------------------------------------*/
#horizontal{
width:950px;
height:115px;
text-align:center;
clear:both;
margin-left:20px;
padding:0px;
/*border:solid 1px #CC0000;*/
background:url(../imagenes/ventanaalargadaflash.png);
}

#horizontal-izq{
float:left;
width:100px;
/*border:solid 1px #CC0000;*/
padding:5px 5px 0px 10px;
}

#horizontal-der{
float:left;
width:800px;
/*border:solid 1px #CC0000;*/
padding:15px 5px 5px 20px;
}

#horizontal h2{
*margin-top:25px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:0px 10px 0px 10px;
}

/*#horizontal-der a{
	text-decoration:none;
	border: 2px solid #fff;
}*/

#horizontal a img{
text-decoration:none;
border:1px solid #FFFFFF;
margin:0px 15px 0px 15px;
}
/* -------------------------------------------------modulos de ventana de colores-------------------------------------------------*/
#fila1{
margin-top:20px;
margin-left:7px;
clear:both;
}
/* -------------------------------------------------otros servicios-------------------------------------------------*/
#servicios{
width:300px;
height:300px;
*padding-top:20px;
margin:10px;
/*border:solid 1px #CC0000;*/
float:left;
background:url(../imagenes/fondoverde.png) no-repeat;
}

#servicios h2{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding-bottom:10px;
}

#servicios p{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
text-align:justify;
padding:5px 15px 0px 15px;
color: #FFFFFF;
}

#servicios img{
margin:2px;
border: 3px solid #FFFFFF;
}

#imagen{
margin:5px;
padding:10px 7px 0px 13px
}

#imagenfila1 img {
text-decoration:none;
}
/* -------------------------------------------------nosotros creamos su web-------------------------------------------------*/
#nosotroscreamos{
width:320px;
height:300px;
*padding-top:20px;
margin:10px;
/*border:solid 1px #CC0000; */
float:left;
background:url(../imagenes/fondomostaza.png) no-repeat;
}

#nosotroscreamos h2{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
padding:0px 10px 0px 10px;
}

#nosotroscreamos p{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
text-align:justify;
padding:5px 15px 0px 15px;
}
/* -------------------------------------------------diseño grafico-------------------------------------------------*/
#diseñografico{
width:300px;
height:300px;
*padding-top:20px;
margin:10px;
/*border:solid 1px #CC0000; */
float:left;
background:url(../imagenes/ventanamoradalateral.png) no-repeat;
}

#diseñografico p{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
text-align:justify;
padding:5px 15px 0px 15px;
color: #FFFFFF;
}

#diseñografico h2{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
/* -------------------------------------------------segunda fila de modulos de ventanas de colores-------------------------------------------------*/
#fila2{
clear:both;
margin:0px;
padding:0px;
}
/* -------------------------------------------------caja ofertas-------------------------------------------------*/
#caja1{
width:200px;
height:250px;
padding:0px 5px 0px 5px;
/*border:solid 1px #CC0000;*/
margin-right:20px; 
margin-left:30px;
margin-top:20px;
float:left;
background:url(../imagenes/miniventanamostaza.png);
}

#caja1 h2{
*margin-top:25px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#my_twitter_status{
	text-align:justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	padding-left: 10px;
	padding-right: 10px;
}
/* -------------------------------------------------caja contacto-------------------------------------------------*/
#caja2{
width:200px;
height:250px;
padding:0px 5px 0px 5px;
/*border:solid 1px #CC0000;*/
margin-left:7px;
margin-right:20px; 
margin-top:20px;
float:left;
background:url(../imagenes/miniventanaverde.png);
}

#caja2 h2{
*margin-top:25px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#caja2 h5{
color:#FFFFFF;
/*padding-top:-10px;*/
font-size:x-large;
}

#caja2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
text-align:justify;
padding:5px 15px 0px 15px;
}

/* -------------------------------------------------caja fondos de pantalla-------------------------------------------------*/
#caja3{
width:200px;
height:250px;
padding:0px 5px 0px 5px;
/*border:solid 1px #CC0000;*/
margin-left:7px;
margin-right:20px; 
margin-top:20px;
float:left;
background:url(../imagenes/miniventanaazul.png);
}

#caja3 h2{
*margin-top:25px;
margin-bottom:25px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#caja3 p{
font-family:Arial, Helvetica, sans-serif;
font-size:smaller;
text-align:justify;
padding:0px 10px 0px 10px;
}

#wallpaper1{
float:left;
/*border:solid 1px #CC0000;*/
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:small;
}
#wallpaper1 img{
*margin-top:10px;
*margin-bottom:20px;
margin-top:0px;
margin-bottom:5px;
}

#wallpaper2 img{
*margin-top:10px;
*margin-bottom:20px;
margin-top:0px;
margin-bottom:5px;
}



#wallpaper2{
float:left;
/*border:solid 1px #CC0000;*/
font-family:Arial, Helvetica, sans-serif;
font-size:small;

}
/* -------------------------------------------------caja del blog-------------------------------------------------*/
#caja4{
width:200px;
height:250px;
padding:0px 5px 0px 5px;
/*border:solid 1px #CC0000;*/
margin-left:7px;
margin-right:20px; 
margin-top:20px;
float:left;
background:url(../imagenes/miniventanamorada.png);
}

#caja4 h2{
*margin-top:25px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}

#caja4 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:smaller;
	text-align:justify;
	padding:5px 15px 0px 15px;
	color: #ffffff;
}

#caja4 a{
font-family:Arial, Helvetica, sans-serif;
}
/* -------------------------------------------------fila de logotipos varios-------------------------------------------------*/
#fila3{
clear:both;
margin:0px;
padding:20px 20px 20px 20px;
}

#logotipos{
width:930px;
height:50px;
margin-top:1px;
margin-left:5px;
margin-right:5px;
margin-bottom:10px;
/*border:solid 1px #CC0000;*/
}
/* -------------------------------------------------pie de pagina-------------------------------------------------*/
#footer{
clear:both;
width:1000px;
height:50px;
background:url(../imagenes/footer.png);
margin:0px 12px 0px 12px;
padding-top:10px;

text-align:center;
font-weight:bold;
font-size:small;
font-family:Arial, Helvetica, sans-serif;
}
/* -------------------------------------------------FINAL-------------------------------------------------*/