html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}


/*
:focus {
	outline: 0;
}*/

#legal {float:right;}
	#legal a:link{ color:#ddd;}

#contact_izq input {margin-left:-5px; width:250px;/* text-align:left;*/}
#contact_izq input[type="checkbox"] {margin-left:-5px; width:auto;/* text-align:left;*/  margin-top: 5px; margin-right:10px;}

#contact_izq textarea {margin-left:-5px; width:250px;}
#condiciones-legales{ float:left;}

#servicios-404 {font-size:14px; margin-left:20px;}
#arbol-condiciones {font-size:15px; margin-top:30px; }
#arbol-condiciones li {font-size:14px; }
#arbol-condiciones h6 a {font-size:14px; margin-left:20px;}
#arbol-condiciones h2 a {font-size:13px; margin-left:30px;}

div#titi h2  {font-size:29px;}

.ample {line-height:29px;}

.separacion {width:990px; height:1px; background:#999;}

.fondogris {background:#f2f2f2; padding:15px; margin:5px;}
#post-1640 {margin-bottom:-150px;height:500px;}
#proyectos_der #ajun {margin-top:-150px; z-index: 999;}
 
#proyectos {width:1000px; margin-top:80px;}
#proyectos_izq{ /*background:#f7f9fa;*/ padding:10px; width:255px; float:left; height:320px;}
#proyectos_der{ padding:15px;  width:615px; margin-left:300px; }

#contact {width:1000px; min-height:550px;}
#contact_izq{background:#e0e9ec; padding:30px; width:250px; float:left;}
#contact_der{background:#f7f9fa; padding:30px;  width:615px; float:right;}
#contact_datos{ padding:0px; width:180px; float:left;}
#mapa{ float:right; height:450px;}
.contact_campo{ margin-left:-12px; margin-bottom:15px;}



#interiores { width:940px; }
.izq {float:left; width:430px; padding-right:40px;}
.der { float:right; width:470px;}
.importante { background:#f9f9f9; padding:20px; line-height: 2.2; font-size: 12px;}
#cabecera_interior { margin-top:53px;}

#tit_home{width:250px;float:left;height:180px;color:#bbb;}
#col1 a:link, #col1 a:hover, #col1 a:visited, #col1 a:active { color:#777;}
#col2 a:link, #col2 a:hover, #col2 a:visited, #col2 a:active { color:#777;}
#col3 a:link, #col3 a:hover, #col3 a:visited, #col3 a:active { color:#777;}
#col4 a:link, #col4 a:hover, #col4 a:visited, #col4 a:active { color:#777;}
.col1 a:link, .col1 a:hover, .col1 a:visited, .col1 a:active { color:#777;}
.col2 a:link, .col2 a:hover, .col2 a:visited, .col2 a:active { color:#777;}
#txt_home{margin-left:300px; padding-top:10px;}
.barra-vert{width:1px; background:#bbb; height:160px; float:left; margin-top:5px; margin-bottom:40px;}
#barras-verticales{width:1px; float:left; margin-left:10px;}
#barra-clientes{width:1px; background:#bbb; height:50px; float:left; margin-top:2px; margin-bottom:0px; margin-right:40px;margin-left:22px;}

#barra2-clientes{width:1px; background:#bbb; height:50px; float:left; margin-top:2px; margin-bottom:0px; margin-right:40px;margin-left:22px;}

#col1 {float:left; width:143px; height:120px;}
#col2 {width:290px;}
#col3 {float:left; width:143px; height:120px;}
#col4 {width:290px;}

.foto-derecha{
        float:right;
        margin-right:-440px; 
 
}

.foto-derecha-mas{
        float:right;
        margin-right:-410px;
        padding:10px;
        padding-left:25px;
        /*text-align:right;*/
}

h1, h3, h4 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
        font-style: italic;
        color:#555;
}


div.entry {
	/*width: 725px;
	*/float: left;
        padding-left: 0px;
        margin:0px 0px 0px 0px;
        color:#222;
}


h1 {
	font-size: 12px;
	color: #999;
        font-style:normal;
        display: inline;
}


h1 a:link, h1 a:visited {
	text-decoration: none;
	color: #444;
}



h3{
	font-size: 12px;
	color: #999;
        font-style:normal;
        display: inline;
}

div#col1 h3, div#col2 h3, div#col3 h3, div#col4 h3{
	font-size: 12px;
	color: #999;
        font-style:normal;
        display: inline;
}

h3 a:link, h3 a:visited {
	text-decoration: none;
	color: #444;
        font-size: 12px;
}


h4 {
	font-size: 12px;
	color: #AAA;
        font-style:normal;
     
}


h6 {
	font-size: 14px;
	color: #ca1234;
        font-style:normal;
         text-decoration: none;
     
}

h6 a:link, h6 a:visited, h6 a:active  {
	text-decoration: none;
	color: #ca1234;
}



.arriba {
        margin-top: 0px;
	vertical-align: top;
 }
#titulo-foto {
    margin-top: 0px;
}

.titulo-foto {
    margin-top: 0px;
}

.barrita {
    margin-top: 1em;
    padding-top: 1em;
    border-top: thin solid;
    color:#ccc;
    padding:10px;
    margin-top:30px;
}



.grande {  font-size: 13px; color:#555;}

.active {  text-align:right;/* margin-right:-50px;*/}

.cli {  float:left; width:165px; padding:0px;}



#navmenu ul {margin: 0; padding: 0px; 
	list-style-type: none; list-style-image: none; }
#navmenu ul {margin: 0; padding: 0px; 
	list-style-type: none; list-style-image: none; }
#navmenu li {display: inline; padding: 13px;}

#logo { width:400px; padding-top:10px; }

a:link, a:hover, a:visited, a:active {  color:#333;}

#foot a:link, #foot a:hover, #foot a:visited, #foot a:active {  color:#ccc;}
#idiomas a:link, #idiomas a:visited,#idiomas a:active {  color:#aaa;}
#idiomas a:hover {  color:#ccc;}
#idiomas .active a:link,#idiomas .active a:visited{ color:#555;}

#idiomas{ width:1000px; margin:auto; font-style: normal; }

#idiomas li { display:inline; padding-left:10px; margin-top:-10px;}

#clientes{ background-color:#eee; width:970px; margin:auto; height:55px; line-height: 1.6; text-align:left; padding:10px; margin-bottom:30px;  margin-left:0px; margin-top:0px; float:none; } 

#redes{  width:970px; margin:auto; height:55px; line-height: 1.6; text-align:left; padding:10px; margin-bottom:30px;  margin-left:0px; margin-top:0px; float:none; vertical-align:middle;} 
.red {  float:left; width:91px; padding:5px; margin-right:10px;}
.red2 {  float:right; padding:0px; padding-top:10px; text-align:left;}


#tit-clientes{ float:left; width:228px; padding-left:10px; padding-top:8px;} 
#tit2-clientes{ float:left; width:228px; padding-left:10px; padding-top:8px;} 

#serveis-makkao{ text-align:left;  line-height: 1.6; }  

#direccion {float:none; color:#aaa; padding-bottom:30px; text-align:left;}
#boletin {text-align:right; color:#aaa;padding-bottom:30px;}

div#clientes h2 {
	font-size: 24px;
	color: #222;
        padding:5px;
        float:left;
        padding-right:50px;
}

div#proyectos_der h2 {
	font-size: 24px;
	color: #222;
        padding:5px;
        float:left;
        padding-right:50px;
}


div#proyectos_izq li {
	list-style-type:none;
}
 
#empresa { font-size:20px;   color:#222;   font-family:Lucida Grande, Arial, Helvetica, sans-serif normal; margin-left:82px; margin-top:-70px; width:240px; line-height:15px;}
#empresa2 { font-size:16px;   color:#888;   font-family:Lucida Grande, Arial, Helvetica, sans-serif italic; margin-left:82px; margin-top:0px; font-style:italic;}

div#wrapper {

        background: #fff;
	text-align: left;
	margin: auto;
	width: 1000px;
        /*margin: 10px 10px 10px 10px;*/
        /*padding: 0px 20px 0px 20px;*/
  /* for IE */
  /* filter:alpha(opacity=99);*/
  /* CSS3 standard */
  /*opacity:0.99;*/
top:0px;


}
div.post {
	margin: 0 0 16px;
        margin-top:20px;
        color:#222;
}
div#content {

     margin: 20px 30px 10px 10px ;
     width:580px;
     font-size: 13px;
     line-height: 1.6;
     float:none;
     min-height:400px;

}

div#content_single {

     margin: 20px 30px 10px 10px ;
     width:580px;
     float:none;
     min-height:780px;
     font-size: 13px;
}

div#content_ancho {

     width:940px;
     font-size: 13px;
     line-height: 1.6;
     float:none;
     min-height:565px;
     padding:30px;
     margin-top:-10px;


}


div#content_ancho_sin {

     width:1000px;
     font-size: 13px;
     line-height: 1.6;
     float:none;
     min-height:565px;
     margin-top:-5px;

}

div#header {
	/*border-bottom: 1px solid #484848;*/
	margin: auto;
      height:40px;
 margin-top:5px;
 margin-bottom:5px;
        
}

#flash-home-makkao{
      background-image:url(http://www.makkao.com/img/makkao-inicio.jpg);
      width:999px;
      height:425px;
      height:321px;

}

#menu-home{
   font-style: normal;
   display: inline;
   color:#555;
   width:595px;
   float:right;
}



.bar-menu{ margin-top:-20px; float:left;}
.flota {float:left;}

body {
	line-height: 1;
	/*color: black;*/
	/*background: white;*/
      

}

.rosa{
      color:#e31331;
}


.linkp{
     text-decoration:none;
     color:#555;
}

.datos{
    
      padding: 3px 3px 3px 3px;
      background-color:#fff;
}

#footer {
    margin-top:15px;
    width:100%;
    text-align:center; 
    background-color:#000;
    color:#333;

}

#footer a:link,  #footer a:visited, #footer a:active { color:#aaa;}
#footer a:hover { color:#fff;}

#foot {

 
    text-align:center;
width:1000px; 
margin:auto; 
padding-top:25px;
padding-bottom:25px;
/*background:url(http://www.makkao.com/img/fondo-pie.gif) no-repeat -10px -10px;	
*/
}

.centrado{text-align:center; margin:auto;}
.derecha{text-align:right;}

#datos_contacto {
    width:100%;
    background-color:#000;
    height:35px;
    text-align:right;
    color:#777;
   /* margin: auto;

*/
     /* width:180px;

     margin-top: -30px;    
     text-align:right;
     line-height: 1.4em;
     color:#777;
     float:right;*/

      }

#frase_cabecera {
      width:380px;
      margin-left:250px;
      margin-top:0px;
      text-align:right;

      }

#redes_sociales {
      width:350px;
      margin-left:280px;
      margin-top:20px;
      text-align:right;
      margin-bottom:20px;

      }


a{    text-decoration:none;

}

ol, ul {
	list-style: none;
}

.qtrans_language_chooser {
     text-align: right;
     /*padding-right: 55px;*/
     font-size:11px;
     padding-top:10px;
     

}

#navigation{
  /*background:url(http://www.makkao.com/img/barras-menu.gif) no-repeat -19px 4px;	
  */text-align:right;
  font-size:16px;
  color:#000;
  padding-top:37px;
  float:right;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
em {
	font-style: italic;
}
strong {
	font-weight: bold;
}
.clear:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clear {
	display: inline-block;
}
/* \*/
.clear {
	display: block;
}
/* */
.image {
	display: block;
	font-size: 0;
	text-indent: -9999px;
	outline: none;
}

img{border:none;}
	
	
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	
		
			

/* Easy Slider */

#slider{ float:left; }


	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:350px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	
#sli{

        float:right; 	
        width:360px;
        margin-top:25px;
}

div#sli h2 {
	font-size: 24px;
        font-style: italic;
	color: #000;

}

div#content_single h2 {
	font-size: 24px;
        font-style: italic;
	color: #000;

}

#controls{
float:left;


}

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;
                /*float:none;
*/



		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
margin-top:5px;

		}
	ol#controls li a{
		float:left;
		height:20px;
		line-height:20px;
		/*border:1px solid #ccc;*/
		background:#fff;
		color:#555;
		padding:0 5px;
		text-decoration:none;
float:left;
		}
	ol#controls li.current a{
		background:#000;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */