* {

	margin: 0;

	padding: 0;

	border: 0;

}



html{

	height:100%;

	width:100%;

}



body{

	font-family: Arial, Helvetica, sans-serif;

	background-color: #edece0;

}



#contenedor{

}



#cabecera{

	height:150px;

}



#logo{

	margin: 20px 0px 0px 20px;

}



/***************************navegacion*********************/

#barranav{

	background: transparent url(../images/navegasup.gif) no-repeat bottom;

	height:40px;

	width:350px;

	margin: 0px auto;

	margin-top: 45px;

}



#barranav ul{

	list-style:none;

	margin: 0px auto;

}



#barranav ul li{

	float:left;

	width:70px;

	text-align:center;

}



#barranav ul li a{
	font-size: 0.7em;
	text-decoration: none;
	cursor: pointer;
}



#barranav ul li a:hover{

	background-color:white;

	display: block;

}



#barranav ul li a span{

	display: block;

	height: 12px;

	padding: 4px;

	color: #818181;

}



/**********************************************************************/



body#bodyNosotros li#nosotros,



body#bodyPortfolio li#portfolio,



body#bodyCreamos li#creamos,



body#bodyClientes li#clientes,



body#bodyContacto li#contacto{

	background-color: White;

}



#cuerpo{

}



#cajacentral{

	margin: 0px auto;

	margin-top: 0px;

	width: 800px;

	height: 325px;

	position: relative;

}



#columnaizquierda, #columnaderecha{

	width: 225px;

	height: 325px;

	float:left;

}



#columnaizquierda p, #columnaderecha p{

	margin: 130px 15px 5px 15px;

	font-size: 1.8em;

	font-family: "Arial Narrow", Arial;

	color: white;

	text-align: left;
	
	background-color: transparent;

}




#columnacentral{

	width: 350px;

	height: 325px;

	float:left;

	font-size:0.7em;

	color:white;

	text-align: justify;
	
	background-color: transparent;

}



#columnacentral h3{

	margin:20px 3px 5px 30px;

	font-size: 1.4em;

}



#columnacentral p{

	margin:0px 40px 5px 40px;

}



#columnacentral h4{

	margin:10px 3px 3px 30px;

	font-size: 1.3em;

}







#cont img{

	margin: 20px 0px 5px 50px;

}



#cont h3{

	margin: 0px;

	padding: 0px;

	padding-left: 10px;

}



#cont p{

	padding: 0px 20px 5px 20px;

	text-align: left;

}



#cont a{

	font-weight: bold;

	color: Black;

}



#cont a:hover{

	font-weight: bold;

	color: Black;

	text-decoration: none;

}





/*Particularidades de la página Nosotros************************************/



body#bodyNosotros #columnaizquierda{

	background: white url(../images/logoielda.gif) no-repeat center;

}



body#bodyNosotros #columnaderecha p{

	text-align: right;

}



body#bodyNosotros #columnacentral{

	background-color:#b51a00;

}



body#bodyNosotros #parrafocentral{

}



body#bodyNosotros #columnacentral p, body#bodyNosotros #columnacentral h3{

}



body#bodyNosotros #columnaderecha{

	background-color:#8c1200;

}





/*Particularidades de la página Portfolio***************************************/



body#bodyPortfolio #columnaderecha{

	/*background: white url(../images/8ball.png) no-repeat;

	background-position: 90% center; /*background-attachment: fixed;*/

	background-color: white;

	

}



body#bodyPortfolio #columnaderecha ul{

	padding-top: 20px;

	padding-left: 10px;

	list-style: none;

	color: #4C4C4C;

	font-size: 0.7em;

	line-height: 1.7em;



}



body#bodyPortfolio #columnaderecha ul li a{

	text-decoration: none;

	color: #4C4C4C;

}



body#bodyPortfolio #columnaderecha ul li a:hover{

	text-decoration: underline;

	color: #4C4C4C;

}




#columnacentral2{

	width: 350px;

	height: 325px;

	background-color:#98cc00;

	float:left;

}


body#bodyPortfolio #columnacentral{

	height: 315px;

	background-color:#98cc00;

}



img.img_portfolio{

	padding-top: 20px;
	padding-left: 110px;

	/*float: left;*/

}



body#bodyPortfolio #columnacentral p{



	margin:10px 15px 5px 15px;



}



body#bodyPortfolio #columnaizquierda{



	background-color:#789f0c;



}



body#bodyPortfolio #columnaizquierda p{

}







.scroll

{

    overflow:hidden;



}

 

 

#flechas{

	position: absolute;

	top:265px;

	left:540px;

}



#flechas2{

	position: absolute;

	top:265px;

	left:765px;

}

 

.flechaup

{

	display:block;

   cursor:pointer;

	margin:0px;

	padding:0px;

	padding-left: 15px;
	padding-bottom: 5px;

}



.flechadown

{

	display:block;

   cursor:pointer;

	margin:0px;

	padding:0px;

	padding-left: 15px;

}







/*Particularidades de la página Creamos*************************************/



body#bodyCreamos #columnaderecha{

	background-color: #FFB959;

}



body#bodyCreamos #columnaderecha p{

	text-align: right;

}



body#bodyCreamos #columnacentral{

	background-color: #E48500;

}



body#bodyCreamos #columnacentral ol{

	list-style-position: inside;

	font-size: 1.7em;

	font-weight: bold;

	color: #FFDDAE;

	padding-left: 10px;

}



body#bodyCreamos #columnacentral li p{

	font-size: 0.6em;

	font-weight: normal;

	color: White;
	
	background-color: transparent;

}



body#bodyCreamos #columnacentral li h4{

	/*margin-left: 40px;*/

	display: inline;

	color: White;

	font-size: 0.9em;
	
	background-color: transparent;

}



body#bodyCreamos #columnacentral p{

}



body#bodyCreamos #columnacentral h4{

}



body#bodyCreamos #columnaizquierda{

	background: white url(../images/Palette.png) no-repeat center;

	/*background: white url(../images/Baseball.png) no-repeat center;*/

}















/*Particularidades de la página Clientes**************************************/



body#bodyClientes #columnaderecha{

	background: white url(../images/clientes.png) no-repeat center;

}



body#bodyClientes #columnacentral{

	background-color:#899b6e;



}



body#bodyClientes #columnacentral h3{

}



body#bodyClientes #columnacentral p{

}



body#bodyClientes #columnacentral h4{

}



body#bodyClientes #columnaizquierda{

	background-color:#abc289;

}



body#bodyClientes #columnaizquierda p{

}











/*Particularidades de la página Contacto*/



body#bodyContacto #columnaizquierda{

	background-color:#6198ab;

}



body#bodyContacto #columnacentral{

	background-color:#7db6ca;

}



body#bodyContacto #columnacentral p, body#bodyContacto #columnacentral h3{

text-align: left;

}



body#bodyContacto #columnacentral h4{

}



body#bodyContacto #columnaderecha{

	background: white url(../images/contacto.png) no-repeat center;

}