@charset "utf-8";


* { padding: 0; margin: 0; }

strong {
	background-color:#da0101;
	font-weight:normal;
}

b {
	color: #dfe327;
	font-weight:normal;
}

body {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 12px;
	color:#FFFFFF;
 	background-color:#000;
 	background-image: url(../images/bkg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

#wrapper {
	margin: 0 auto;
	width: 998px;
	height: auto;
}

#contentGral {
	width: 937px;
	height: auto;
	float:right;
}

#contentMenu {
	width: 61px;
	height: auto;
	float:left;
}

#contentMenu img {
	width: 59px;
	margin-left:2px;
	margin-bottom:10px;
}

#header{
 width: 998px;
 height: 200px;
 float:left;
}

#header h1 {
	width: 319px;
	height: 115px;
	background-repeat: no-repeat;
	background-position: left 25px;
	text-decoration: none;
    color: #000;
    font-size: .001%;
    text-indent: -3000px;
	float:left;
}

.logoEspanol {
	background-image: url(../images/logo_limon_es.png);
}

.logoIngles {
	background-image: url(../images/logo_limon.png);
}

#idioma  {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color:#201f1f;
	float:right;
	display:block;
	height:20px;
	width:950px;
	margin-top:15px;
	margin-right:45px;
	clear:both;
	text-align:right;
}

#idioma a  {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color:#525252;
	text-decoration:none;
	padding:5px;
}

#idioma a:hover  {
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 11px;
	color:#dc1f26;
	text-decoration:none;
}


/*  what we do    */


#contentQue {
	width: 937px;
	height: auto;
	float:left;
	margin-bottom:100px;
}

#fraseQue, #fraseQuienes, #frasePortfolio, #fraseIf, #fraseQuienesIn, #frasePortfolioIn {
	width: 229px;
	height: 143px;
	float:right;
	background-image: url(../images/frase_limonada_es.png);
	background-repeat: no-repeat;
	background-position: left 15px;
}

#fraseIf{
	background-image: url(../images/frase_limonada.png);
}

#imagenes {
	width: 354px;
	height: 540px;
	float:right;
	padding-top:60px;
	position:relative;
}

#textos {
	width: 575px;
	height: auto;
	float:left;
}

#textos li {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	list-style: none;
	padding-left:30px;
	padding-top:5px;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 7px;
}

.ules {
	width: 150px;
	float:left;
	margin:20px 0px 0px 30px;
}

h2 {
    width: 517px;
	height: 88px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	color: #000;
	font-size: .001%;
	text-indent: -3000px;
	margin-bottom:20px;
	display:block;
}

.titQue {background-image: url(../images/quehacemos.png); width: 580px;}
.titQueIn {background-image: url(../images/whatwedo.png);}
.titQuienes {background-image: url(../images/quienessomos.png); float:left; width: 680px;}
.titQuienesIn {background-image: url(../images/whoweare.png); float:left}
.titPortfolio {background-image: url(../images/portfolio.png); float:left; width:700px;}
.titContacto {background-image: url(../images/contactanos.png); width: 600px; float:left;}
.titContactoIn {background-image: url(../images/contactus.png);}


h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 16px;
	padding-left:15px;
	font-weight:normal;
	margin-bottom:20px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 16px;
	font-weight:normal;
	margin:40px 0px 20px 0px;
}

#furgoneta, #furgonetaIn {
	width:220px;
	height:186px;
	position:absolute;
	bottom:-12px;
	right:0px;
	background-image: url(../images/img_furgoneta_es.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#furgonetaIn {
	background-image: url(../images/img_furgoneta.png);
}

#furgoneta .share, #furgonetaIn .share{
	width:185px;
	height:33px;
	float:left;
	margin-top:152px
}

a.btn_fbk, a.btn_tw, a.btn_in{
	width:41px;
	height:32px;
	display:block;
	float:left;
	text-decoration:none;
	background-image: url(../images/btn_fbk.png);
	background-repeat: no-repeat;
	background-position: left top;
} 

a.btn_tw{
	width:34px;
	height:34px;
	background-image: url(../images/btn_tw.png);
} 

a.btn_in{
	width:34px;
	height:34px;
	background-image: url(../images/btn_in.png);
} 

a:hover.btn_fbk{
	background-position:0px -33px;;
}

a:hover.btn_tw, a:hover.btn_in{
	background-position:0px -34px;;
}

/*QUIENES   */

#contentQuienes {
	width: 937px;
	height: auto;
	float:left;
	margin-bottom:100px;
}

#fraseQuienes {
	background-image: url(../images/frase_quienes_es.png);
	background-position: left top;
}

#fraseQuienesIn {
	background-image: url(../images/frase_quienes.png);
	background-position: left top;
}

#contentQuienes h3 {
	float:left;
	display:block;
	width:600px;
	color: #dfe327;
	font-weight:normal;
	font-size:21px;
	padding-left:10px;
}

.descripcion {
	float:left;
	width:937px;
	height:auto;
	margin:20px 0px;;
}

.descripcion .image1{
	float:left;
	width:220px;
	height:auto;
	margin-left:50px;
}

.descripcion .image2{
	float:left;
	width:220px;
	height:auto;
}

.descripcion .txt{
	float:left;
	width:635px;
	padding:10px;
}


.descripcion .txt p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding-left:43px;
	padding-bottom:7px;
}


/*Portfolio  */

#contentPortfolio  {
	width: 937px;
	height: auto;
	float:left;
	margin-bottom:60px;
}

#frasePortfolio {
	background-image: url(../images/frase_portfolio_es.png);
	background-position: left top;
}

#frasePortfolioIn {
	background-image: url(../images/frase_portfolio.png);
	background-position: left top;
}

#contentPortfolio h3{
	font-weight:normal;
	margin-bottom:20px;
	display:block;
	width:600px;
	float:left;
	padding:5px;
}

/*Contacto  */

#contentContacto  {
	width: 937px;
	height: auto;
	float:left;
	margin-bottom:50px;
}

#contentContacto h3 {
	float:left;
	display:block;
	width:600px;
	color: #dfe327;
	font-weight:normal;
	font-size:21px;
	padding-left:5px;
}

#contentForm {
	float:left;
	width:560px;
	margin-top:35px;
}

#contentFormImage, #contentFormImageIn {
	float:right;
	width:251px;
	height:148px;
	background-image: url(../images/frase_contacto_en.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#contentFormImageIn {
	background-image: url(../images/frase_contacto.png);
}

#contentFormShare {
	width:130px;
	height:50px;
	margin:85px 0px 0px 55px;
}



#contentForm .txtform {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	padding:10px 5px 5px 25px;
}


#contentForm .inputForm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	width:377px;
	height:10px;
	background-image: url(../images/bkg_form.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border:0px;
	padding:5px;
	background-color:#dfe327;
}

#contentForm textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
	width:377px;
	height:80px;
	background-image: url(../images/bkg_form2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	border:0px;
	padding:5px;
	background-color:#dfe327;
}

#contentForm .btn{
	margin:20px 0px 0px 0px;
	float:righ;
}

.error{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#df1f23;
	padding:10px 0px 10px 10px;
	text-align:right;
}

#txtMensaje {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFF;
	padding:20px;
}

#txtMensaje  a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#e0e322;
}

#txtMensaje  a:hover {
	color:#fff;
	text-decoration:none;
}


/* NAVIGATION */
#navigation {  margin: 0; padding: 0; top: 0; left: 0; list-style: none; height: 600px; z-index:10; position:relative;
 }
#navigation li { width: 110px; margin-bottom: 1px; }
#navigation li a {
	display: block;
	margin-left: 0px;
	width: 15px;
	height: 28px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: 100% 0;
	padding-top:8px;
	padding-left:5px;
	z-index:10;
}
#navigation .home a       {
	background-image: url(../images/icons/home.gif);
	background-color: #009966;
}


#navigation .quehacemos a  {background-color: #4bb6d6; font-size: 16px; color: #4bb6d6;}
#navigation .quienessomos a      { background-color: #7da626; font-size: 16px; color: #7da626; }
#navigation .portfolio a   { background-color: #dfb008; font-size: 16px; color: #dfb008;}
#navigation .contacto a        { background-color: #df1f23;	font-size: 16px; color: #df1f23; }
#navigation .popurri a { background-color: #89227b;font-size: 16px; color: #89227b;}

#navigation .quehacemos a:hover, #navigation .quienessomos a:hover, #navigation .portfolio a:hover, #navigation .contacto a:hover, #navigation .popurri a:hover     { 
	width: 110px;
	background-color: #7da626; 
	font-size: 16px;
	text-indent: 80;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
 }

#navigation .quehacemos a:hover     { background-color: #4bb6d6; width: 105px; }
#navigation .quienessomos a:hover     { background-color: #7da626; width: 120px; }
#navigation .portfolio a:hover    { background-color: #dfb008;width: 85px; }
#navigation .contacto a:hover         { background-color: #df1f23; width: 110px;	 }
#navigation .popurri a:hover  { background-color: #89227b;  width: 90px; }


#navigation .active {
	background-color: #4bb6d6;
	height: 28px;
	width: 28px;
	margin-left: 25px;

}