@font-face {
	font-family: "flama";
	src: url("./if/flama-book.eot");
	src: url("./if/flama-book.woff") format("woff"), url("./if/flama-book.ttf") format("truetype"), url("./if/flama-book.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}


html	{height:100%; margin:0; padding:0 0 0 0; }
body	{height:100%; margin:0; padding:0 0 0 0; font-family:"flama", Arial, Tahoma; font-size:100%; background:#fff; color:#464646; }

select	{font-family: arial , tahoma; font-size:1em; }
textarea{font-family: arial , tahoma; font-size:1em; }
input	{font-family: arial , tahoma; font-size:1em; }

form	{margin:0; padding:0; }
img		{border:0; }
a		{text-decoration:none; color:#404040; }
a span	{cursor:pointer; }
a:hover	{text-decoration:none; }
ul		{margin:0; padding:0; list-style:none; }
p		{margin:0; padding:0; }
fieldset{border:0;padding:0; margin:0; }
blockquote,p, h1, h2, h3, h4, h5 {padding:0; margin:0; }
button	{cursor:pointer; font-family: Arial, Tahoma;} 



.cabecera3		{padding:45px 0 0 0; }
.cabecera4		{}



.cabecera .logo					{float:left; width:100%; font-size:11px; }
.cabecera .logo2				{padding:0 0 0 0; }
.cabecera .logo h1				{font-size:13px; font-weight:normal; color:#333; letter-spacing:1px;}
.cabecera .logo h1 a			{color:#333; font-family:"flama", Arial, Tahoma; }
.cabecera .logo h1 a span		{color:#919191; margin:0 0 0 0; font-family:"flama", Arial, Tahoma; }



.cabecera .menu				{float:left; font-size:11px; }
.cabecera .menu2			{}

.cabecera .idiomas			{float:right; font-size:12px; letter-spacing:1px; z-index:5000; }
.cabecera .idiomas ul 		{padding:37px 0 0 0; }
.cabecera .idiomas li 		{float:left; color:#808080; padding:0 0 0 10px; }
.cabecera .idiomas li a 	{color:#333;  }

.cabecera .menu .menu_enlaces 						{float:left; min-width:450px; }
.cabecera .menu .menu_enlaces ul					{float:left; padding:40px 0 0 0; }
.cabecera .menu .menu_enlaces ul li					{float:left; padding:0 35px 0 0; ;  } 
.cabecera .menu .menu_enlaces ul li p				{color:#333; font-size:11px; letter-spacing:1px; cursor:pointer; }
.cabecera .menu .menu_enlaces ul li .menu_n1_si		{position:absolute; color:#808080; font-size:11px; padding:10px 0 0 0;}
.cabecera .menu .menu_enlaces ul li .menu_n1_si a	{color:#808080;}

.cabecera .menu .menu_enlaces ul li a				{color:#333; font-size:11px; letter-spacing:1px; }
.cabecera .menu .menu_enlaces ul li a:hover			{color:#000; }
.cabecera .menu .menu_enlaces ul li.on a			{color:#000; }

.cabecera .menu .menu_enlaces ul ul					{z-index:2000; display:none; width:auto; position:absolute; background: url(./i/menu2.png) 0 0 repeat;  padding:0 10px 15px 10px; margin:0 0 0 -10px; }
.contacto .cabecera .menu .menu_enlaces ul ul		{background:none; background-color:#fff; }
.cabecera .menu .menu_enlaces ul li li				{float:none; padding:10px 0 0 0; }
.cabecera .menu .menu_enlaces ul li li a			{display:block; color:#808080; font-size:11px; letter-spacing:1px; color:#808080; }
.cabecera .menu .menu_enlaces ul li li a:hover		{color:#000; }
.cabecera .menu .menu_enlaces ul li li.on a			{color:#000; display:block; }

.cabecera .menu .menu_enlaces ul li p a {}


/*
.contenidos		{width:100%; padding:0 0 0 0; min-height:400px; height:auto !important; height:400px;  }
.contenidos2	{padding:0 0 0 45px;}	
*/
.contenidos h2	{float:left; width:90%; font-size:11px; color:#333; font-weight:normal; padding:0 0 0 0; letter-spacing:1px;}
.contenidos h2 span	{color:#919191; margin:0 0 0 10px; }

.contenidos .textos		{float:left; width:90%; max-width:900px; font-size:12px; color:#333; font-weight:normal; padding:0 0 0 0; line-height:15px; }
.contenidos .textos p	{padding:20px 0 0  0; }

   



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




 



  



/*********************/
 
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}




/*#fotos_todas{height:80%; }*/

.proyecto_fotos_1						{float:left; width:100%; min-width:450px; max-width:1400px; padding:15px 0 0 0; position:relative; margin:-5px 0 0 0; }
.proyecto_fotos_1 div.una_foto			{float:left; padding:10px 0 0 0;   }
.proyecto_fotos_1 div.una_foto img		{float:left; width:100%; }

.proyecto_fotos_2				{float:left; width:98%; max-width:1500px; position:relative; padding:15px 0 0 0;  }
/*.albunes .proyecto_fotos_2	{padding:20px 0 0 0; }*/
.albunes h2						{position:relative; padding:20px 0 0 0; }
.contacto h2					{position:relative; padding:20px 0 0 0; }

.errores	{position:relative; padding:20px 0 0 0; float:left; width:90%; font-size:11px; color:red; font-weight:normal; }
.contacto .errores				{padding:0 0 30px 0; }
.proyecto_fotos_2 div.una_foto			{float:left; padding:5px 5px 0 0; }
.proyecto_fotos_2 div.una_foto img		{float:left; margin:0 0 0 0; }
.proyecto_fotos_2 div.una_foto a		{display:block; }
.proyecto_fotos_2 div.una_foto a span	{float:left; width:100%; display:block; font-size:11px; color:#333; padding:12px 0 0 0; letter-spacing:1px; }
/*.albunes .proyecto_fotos_2 div.una_foto	{float:left; padding:0 31px 0 0; min-height:226px; height:auto !important; height:226px; }*/

.albunes .proyecto_fotos_2 div.una_foto			{float:left; padding:5px 5px 0 0; }

.una_foto:hover 	{ z-index: 10; }
.una_foto:hover img { z-index: 10; }



.cont_contacto 						{padding:20px 0 0 0; float:left; width:90%; font-size:12px;  padding:20px 0 0 0;  }
.cont_contacto .formualrio			{float:left; width:400px;  }
.cont_contacto .linea				{float:left; width:95%; padding:0 0 10px 0; letter-spacing:1px; font-size:11px;}
.cont_contacto label				{float:left; width:400px;  }
.cont_contacto label span			{float:left; width:80px; text-align:left; padding:0 10px 0 0; color:#525152;  }
.cont_contacto label span span		{float:none; width:auto; text-align:left; padding:0 0 0 0; color:red; }
.cont_contacto label img			{float:left; margin:0 10px 0 0; }
.cont_contacto label input			{float:left; width:250px; margin:0 10px 0 0; border:1px solid #adadad; color:#333;   }
.cont_contacto label textarea		{float:left; width:250px ! important; height:100px; margin:0 10px 0 0; border:1px solid #adadad; color:#333; padding:0;   }
.cont_contacto  button				{float:left; width:58px; margin:0 0 0 285px;  background:#919191; color:#fff; font-size:11px; text-align:center; padding:2px 0; border:0; font-family: "flama";}
.cont_contacto .datos				{float:left; width:200px;  letter-spacing:1px; font-size:11px;}
.cont_contacto .datos .tel			{padding:0 0 10px 0; }
.cont_contacto .datos .correo		{padding:0 0 10px 0; }
.cont_contacto .datos .correo a			{color:#333; }
.cont_contacto .datos .correo a:hover	{text-decoration:underline; }

.formulario 			{position:relative; padding:0 0 0 20px; float:left; width:380px; font-size:11px;border:1px solid #919191; margin:10px 0 0 0; }
.formulario fieldset	{border:0; padding:20px 5px; margin:0;  }
.formulario .linea		{float:left; width:380px; padding:0 0 20px 0  !important; }
.formulario label		{float:left; width:380px; margin:0; padding:0; }
.formulario label span	{float:left; width:150px; text-align:left; padding:0 10px 0 0; color:#525152; font-weight:bold; }
.formulario label img	{float:left; display:block; margin:10px 0 0 0; }
.formulario label input	{float:left; width:100px; margin:0 10px 0 0; border:1px solid #adadad; color:#333;   }
.formulario  button		{float:right; background:#919191; color:#fff; font-size:12px; text-align:center; padding:2px 10px; border:0; }

.formulario .linea.linea_imagen			{float:left; width:380px; }
.formulario .linea.linea_imagen label	{float:left; width:380px; }
.formulario .botonera					{float:left; width:350px; }

.e404		{float:left; padding:20px; font-size:14px; }
.e404 a		{text-decoration:underline;}

.contenedor_cabeceras	{position:relative; padding:20px 20px 0 0; min-width:150px; background:#fff; }
.contenedor_cabeceras	{height:567px; } /*min-height:567px; heigt:auto ! important; */

.cabecera_home			{display:none; padding:0 20px 0 0; }
.cabecera_home img		{float:left; width:100%; position:absolute; } /*min-width:450px; */


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


/* pie */

.pie		{letter-spacing:1px; font-size:10px; }
.pie3		{}
.pie3 .clientes		{float:right; padding:9px 0 0 0;  text-align:right;  font-size:11px; }
.pie3 .clientes a	{color:#333; }

.pie p span	{float:left; }
.pie p				{float:left; color:#808080; padding:12px 0 0 0; }
.pie p a			{float:left; color:#808080; }
.pie p a:hover		{color:#000; }
.pie p a:hover span	{color:#b7b8ba; }

.pie li span	{cursor:pointer; }
.pie li a		{float:left; padding:2px 4px 1px 4px; color:#1a171b; }
.pie li a:hover	{color:#fff; background:#a3a4a5; }
.pie li.on a	{color:#fff; background:#a3a4a5; }

.pie a.fb				{float:left; width:20px; height:20px; background: url(./i/facebook-hover.jpg) 0 0 no-repeat; margin:-3px 0 0 5px; }
.pie a.fb span			{float:left; width:20px; height:20px; background: url(./i/facebook.jpg) 0 0 no-repeat; font-size:1px; color:#fff; }
.pie a.fb:hover	span	{background-position:0 -1000px ; }

.pie a.tw				{float:left; width:20px; height:20px; background: url(./i/twitter-hover.jpg) 0 0 no-repeat; margin:-3px 0 0 5px; }
.pie a.tw span			{float:left; width:20px; height:20px; background: url(./i/twitter.jpg) 0 0 no-repeat; font-size:1px; color:#fff; }
.pie a.tw:hover	span	{background-position:0 -1000px ; }

.pie a.in				{float:left; width:20px; height:20px; background: url(./i/instagram_logo_hover.jpg) 2px 4px no-repeat; margin:-3px 0 0 5px; }
.pie a.in span			{float:left; width:20px; height:20px; background: url(./i/instagram_logo.jpg) 2px 4px no-repeat; font-size:1px; color:#fff; }
.pie a.in:hover	span	{background-position:0 -1000px ; }

/************************** estructura *************************/

html, body {margin:0; padding:0; height:100%; }

.pagina1				{min-height:100%; position:relative; }
.contenidos_pie_abajo	{padding-bottom:81px;  }

.cabecera				{min-width:450px; max-width:900px; background:#fff; min-height:133px; height:auto !important; height:133px; position:relative; top:0; left:0; padding:0 20px 0 45px; }
.cabecera2				{overflow:hidden; }

.contenidos			{  }
.contenidos2		{min-width:450px; max-width:900px; overflow:hidden; padding:0 20px 0 45px;   } 

.menu {border:0;}
.pie			{position:absolute; width:100%; min-width:450px; max-width:965px; bottom:0; height:66px; background:#fff;  }
.pie2			{padding:0 0 0 0; }
.pie3			{padding:0 20px 0 45px; }

.albunes .pie	{padding:0 0 0 0; }

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



@media screen and (max-width:550px) 
{  
	.cabecera .menu		{display:block;  } 

	.cabecera .logo h1		{font-size:20px; letter-spacing:1px;}
	.cabecera				{min-width:250px; max-width:100%; width:90%;  background:#fff; min-height:auto; height:auto !important; height:auto; position:relative; top:0; left:0; padding:0 5% 0 5%; }
	.cabecera .menu .menu_enlaces 						{float:left; min-width:150px; }
	.contenidos .textos		{width:90%; max-width:100%;  }
	.proyecto_fotos_1		{width:100%; min-width:250px; max-width:100%; padding:15px 0 0 0; position:relative; margin:0 0 0 0; }
	.proyecto_fotos_2		{width:98%; max-width:100%; position:relative; padding:15px 0 0 0;  }
	.contenidos2			{min-width:250px; max-width:100%; width:90%; overflow:hidden; padding:0 5% 0 5%;   } 
	


	.proyecto_fotos_1	{float:left; width:100%; min-width:150px; max-width:1400px; padding:15px 0 0 0; position:relative; margin:0 0 0 0; }
	.cont_contacto .formualrio		{float:left; width:90%;  }
	.formulario fieldset	{border:0; padding:20px 5px; margin:0;  }
	.formulario .linea		{float:left; width:100%; padding:0 0 20px 0  !important; }
	.formulario label		{float:left; width:100%; margin:0; padding:0; }
	.formulario label span	{float:left; width:150px; text-align:left; padding:0 10px 0 0; color:#525152; font-weight:bold; }
	.formulario label img	{float:left; display:block; margin:10px 0 0 0; }
	.formulario label input	{float:left; width:100px; margin:0 10px 0 0; border:1px solid #adadad; color:#333;   }
	
	.formulario .linea.linea_imagen			{float:left; width:100%; }
	.formulario .linea.linea_imagen label	{float:left; width:100%; }
	.formulario .botonera					{float:left; width:100%; }

	
		
	
	
	.cont_contacto 						{padding:20px 0 0 0; float:left; width:90%; font-size:12px;  padding:20px 0 0 0;  }
	.cont_contacto .formualrio			{float:left; width:100%;  }
	.cont_contacto .linea				{float:left; width:95%; padding:0 0 10px 0; letter-spacing:1px; font-size:11px;}
	.cont_contacto label				{float:left; width:100%;  }
	.cont_contacto label span			{float:left; width:100%; text-align:left; padding:0 10px 0 0; color:#525152;  }
	.cont_contacto label span span		{float:none; width:auto; text-align:left; padding:0 0 0 0; color:red; }
	.cont_contacto label img			{float:left; margin:0 10px 0 0; }
	.cont_contacto label input			{float:left; width:100%; margin:0 10px 0 0; border:1px solid #adadad; color:#333;   }
	.cont_contacto label textarea		{float:left; width:100% ! important; height:100px; margin:0 60px 0 0; border:1px solid #adadad; color:#333; padding:0;   }
	.cont_contacto  button				{float:left; width:58px; margin:0 0 0 0;  }
	.cont_contacto .datos				{float:left; width:100%;  letter-spacing:1px; font-size:11px;}
	
	
	
	
	
	
	
	
	
	
	.pie				{position:relative; width:100%; min-width:250px; max-width:100%; bottom:0; height:auto; background:#fff; font-size:16px; }
	.pie3 .clientes		{float:right; padding:9px 0 0 0;  text-align:right;  font-size:16px; }
	.pie3 .clientes a	{color:#333; }
	
	
	
	.pie a.fb				{float:left; width:20px; height:20px; background: url(./i/facebook-hover.jpg) 0 0 no-repeat; margin:-3px 0 0 5px; }
	.pie a.fb span			{float:left; width:20px; height:20px; background: url(./i/facebook.jpg) 0 0 no-repeat; font-size:1px; color:#fff; }
	.pie a.fb:hover	span	{background-position:0 -1000px ; }
	
	.pie a.tw				{float:left; width:20px; height:20px; background: url(./i/twitter-hover.jpg) 0 0 no-repeat; margin:-3px 0 0 5px; }
	.pie a.tw span			{float:left; width:20px; height:20px; background: url(./i/twitter.jpg) 0 0 no-repeat; font-size:1px; color:#fff; }
	.pie a.tw:hover	span	{background-position:0 -1000px ; }
	
	.pie a.in				{float:left; width:20px; height:20px; background: url(./i/instagram_logo_hover.jpg) 2px 4px no-repeat; margin:-3px 0 0 5px; }
	.pie a.in span			{float:left; width:20px; height:20px; background: url(./i/instagram_logo.jpg) 2px 4px no-repeat; font-size:1px; color:#fff; }
	.pie a.in:hover	span	{background-position:0 -1000px ; }


}