/* CSS Document */
/*************************************************************************************************************************************************** ESTRUCTURA PRINCIPAL */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900italic,900);

html			{ height:100%; }
body 			{
 margin:0px;
 padding:0px;
 background:url(../imagenes/banners/interiores.jpg) center 30px no-repeat #ECEEED;
 font-family:'Roboto', sans-serif;
 font-weight:400;
 font-size:16px;
 height:100%;
 }
body.index		{
 background:url(../imagenes/banners/index.png) center top no-repeat #ECEEED;
 }
 
.socialmedia 				{
 display:block;
 background:url(../imagenes/site-structure/background-top.jpg) center bottom repeat-x;
 height:40px;
 font-weight:600;
 font-size:17px;
 color:#FFF;
 }
.socialmedia p 				{ margin:0px; line-height:40px; }
.header 					{
 display:block;
 background:rgba(255,255,255,.85);
 height:110px;
 box-shadow:rgba(0,0,0,.2) 0px 0px 3px;
 }
 nav						{
 display:block;
 font-weight:400;
 font-size:17px;
 color:#252525;
 text-align:right;
 float:right;
 }
 nav ul 					{
 display:block;
 list-style:none;
 margin:0px;
 padding:0px;
 white-space:nowrap;
 }
 nav ul li 					{ display:inline; }
 nav ul li a				{
 line-height:110px;
 letter-spacing:-1px;
 text-decoration:none;
 color:#252525;
 padding:0px 0px 0px 21px;
 }
 nav ul li a:hover			{ color:#000; }
 
 footer						{
 display:block;
 background:#4D4D4D;
 }
 footer .sminfo 			{
 display:block;
 background:#2CA6D9;
 text-align:center;
 padding:20px 0px;
 }
 footer .sminfo a 			{
 display:inline-block;
 border:1px solid #FFF;
 border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; -webkit-border-radius:7px;
 padding:5px 30px;
 text-decoration:none;
 font-size:24px;
 font-weight:300;
 color:#FFF;
 }
 footer .derechos 			{
 display:block;
 background:#3C3A3B;
 padding:25px 0px;
 font-size:14px;
 font-weight:300;
 color:#FFF;
 }
 footer .fcol 				{
 display:inline-block;
 width:200px;
 margin:0px 0px 0px 60px;
 font-weight:300;
 font-size:14px;
 color:#FFF;
 min-height: 170px;
 vertical-align: text-top;
 }
 footer .fcol a 			{
 text-decoration:none;
 font-weight:300;
 font-size:14px;
 color:#FFF;
 }
 footer .fcol strong 		{
 display:block;
 font-weight:300;
 font-size:24px;
 color:#2CA6D9;
 }
 
 

/*************************************************************************************************************************************************** ELEMENTOS ESPECIFICOS */
#logo 						{ float:left; margin:29px 0px; }
#homebanner					{
 display:block;
 margin:0px auto;
 padding:50px 0px 80px 0px;
 width:980px;
 }
#homebanner .encabezado1 	{
 display:inline-block;
 background:rgba(255,255,255,.40);
 padding:0px 15px;
 font-weight:300;
 font-size:43px;
 color:#4D4D4D;
 }
#homebanner .encabezado2 	{
 display:inline-block;
 background:rgba(255,255,255,.40);
 margin-top:5px;
 padding:0px 15px;
 font-weight:100;
 font-size:36px;
 color:#4D4D4D;
 }
#homebanner .ngseries 		{
 display:block;
 background:rgba(255,255,255,.55);
 width:450px;
 margin:40px 0px 0px 50px;
 padding:20px 25px;
 font-weight:300;
 font-size:18px;
 color:#4D4D4D;
 }
#homebanner .encabezado		{
 display:block;
 margin-bottom:10px;
 font-weight:300;
 font-size:36px;
 color:#2CA6D9
 }
#homebanner a 				{
 display:block;
 width:130px;
 text-align:center;
 margin:0px auto 15px auto;
 padding:6px 0px;
 background:#2CA6D9;
 font-weight:300;
 font-size:18px;
 color:#FFF;
 text-decoration:none;
 text-align:center;
 }

#interbanner				{
 display:block;
 margin:0px auto;
 padding:50px 0px 70px 0px;
 width:980px;
 text-align:center;
 }
#interbanner .encabezado1 	{
 display:inline-block;
 background:rgba(255,255,255,.40);
 padding:0px 15px;
 font-weight:300;
 font-size:43px;
 color:#4D4D4D;
 }
#interbanner .encabezado2 	{
 display:inline-block;
 background:rgba(255,255,255,.40);
 margin-top:5px;
 padding:0px 15px;
 font-weight:100;
 font-size:36px;
 color:#4D4D4D;
 }
 
#QSomos	h1					{ margin-top:0px; margin-bottom:0px; }
#mapa 						{
 display: block;
 position: absolute;
 width: 100%;
 height: 400px;
 left: 0px;
 top: 40px;
 z-index: 1;
 }
 
#frmContacto					{
 display:block;
 background:#FFF;
 padding:15px 25px;
 font-size:18px;
 font-weight:300;
 color:#4D4D4D;
 }	
#frmContacto label				{
 display:block;
 margin-right:400px;
 font-size:14px;
 line-height:30px;
 font-weight:300;
 color:#4D4D4D;
 }
#frmContacto input[type=text],
#frmContacto input[type=email],
#frmContacto input[type=tel] 	{ 
 display:block;
 border:1px solid #999;
 padding:5px 15px;
 width:500px;
 font-family:'Roboto', sans-serif;
 font-size:18px;
 font-weight:400;
 color:#111;
 }
#frmContacto textarea 			{ 
 display:block;
 border:1px solid #999;
 padding:5px 15px;
 width:500px;
 font-family:'Roboto', sans-serif;
 font-size:18px;
 font-weight:400;
 color:#111;
 }
#frmContacto input[type=submit] { 
 display:block;
 padding:10px 30px;
 margin:15px 0px;
 border:none;
 background:#2CA6D9;
 font-family:'Roboto', sans-serif;
 font-size:18px;
 font-weight:400;
 color:#FFF;
 }


/*************************************************************************************************************************************************** CLASES GLOBALES */
.w980 						{
 display:block;
 width:980px;
 margin:0px auto;
 }
.izq  						{ float:left;  }
.der  						{ float:right; }
.clear						{ clear:both; }

.contenido					{
 display:block;
 background:#FFF;
 padding:30px;
 width:920px;
 margin:0px auto;
 }


.boxes article 				{
 display:block;
 background:#FFF;
 float:left;
 margin-right:25px;
 }
.boxes article:nth-child(3)	{ margin:0px; }
.boxes article p			{
 display:block;
 background:url(../imagenes/iconos/icono-servicios.png) 10px 10px no-repeat;
 margin:0px;
 padding:10px 0px 10px 45px;
 font-weight:300;
 font-size:14px;
 line-height:14px;
 color:#2CA6D9;
 }
.boxes article p strong		{
 font-size:20px;
 font-weight:300;
 line-height:14px;
 color:#4D4D4D;
 }
 
.productos_3c article 					{
 display:block;
 border:1px solid #CCC;
 background:#FFF;
 float:left;
 margin:0px 25px 15px 0px;
 }
.productos_3c article:nth-child(3n+0)	{ float:right; margin:0px; }
.productos_3c article p					{
 display:block;
 margin:0px;
 padding:15px 10px 20px 10px;
 font-weight:300;
 font-size:20px;
 line-height:20px;
 color:#4D4D4D;
 text-align:center;
 }
.productos_3c article a 				{
 color:#4D4D4D;
 text-decoration:none;
 }
 
.productos_4c article 					{
 display:block;
 border:1px solid #CCC;
 background:#FFF;
 float:left;
 margin:0px 25px 15px 0px;
 }
.productos_4c article:nth-child(4n+0)	{ float:right; margin:0px; }
.productos_4c article p					{
 display:block;
 margin:0px;
 padding:15px 10px 20px 10px;
 font-weight:300;
 font-size:16px;
 line-height:16px;
 color:#4D4D4D;
 text-align:center;
 }
.productos_4c article a 				{
 color:#4D4D4D;
 text-decoration:none;
 }

.innerNav					{
 display:block; 
 width:980px;
 border-bottom:1px solid #CCC;
 border-top:1px solid #CCC;
 padding:20px 0px;
 margin:25px auto;
 font-size:14px;
 font-weight:300;
 color:#4D4D4D;
 }
.innerNav a					{
 text-decoration:none;
 font-size:14px;
 font-weight:300;
 color:#2CA6D9;
 }

.cualidades					{
 display:block;
 width:200px;
 border:1px solid #DBDBDB;
 border-bottom:none;
 font-size:15px;
 font-weight:300;
 color:#4D4D4D;
 }
.cualidades	span			{
 display:block;
 border-bottom:1px solid #DBDBDB;
 padding:6px 10px;
 }



/*************************************************************************************************************************************************** ESTILOS DE FUENTES */

.Titulos 					{
 display:block;
 font-size:32px;
 font-weight:300;
 color:#4D4D4D; 
 }
.Titulos2 					{
 display:block;
 margin-top:0px;
 font-size:20px;
 font-weight:300;
 color:#4D4D4D; 
 }
 
.Textos 					{
 display:block;
 font-size:18px;
 font-weight:300;
 color:#4D4D4D; 
 } 
.Textos2					{
 display:block;
 font-size:14px;
 font-weight:300;
 color:#4D4D4D; 
 }
 
.underline 					{
 display:block;
 background:url(../imagenes/site-structure/background-titulo.png) left bottom no-repeat;
 padding:20px 0px;
 font-size:20px;
 font-weight:300;
 color:#4D4D4D; 
 }

.nomargin					{ margin:0px !important; }



/************************************************************************************************************************************************************* */
/*************************************************************************************************************************************************** IE7 HACKS */

*+html body 			{
 margin:0px;
 padding:0px;
 background:url(../imagenes/banners/interiores.jpg) center 30px no-repeat #ECEEED;
 font-family:'Roboto', sans-serif;
 font-weight:400;
 font-size:16px;
 height:100%;
 }
*+html body.index		{
 background:url(../imagenes/banners/index.png) center top no-repeat #ECEEED;
 }
*+html img,
*+html a > img			{ border:none !important; }

*+html .header 					{
 display:block;
 background:#FFF !important;
 height:110px;
 box-shadow:rgba(0,0,0,.2) 0px 0px 3px;
 }
*+html nav						{
 display:block;
 font-weight:400;
 font-size:17px;
 color:#252525;
 text-align:right;
 float:right;
 }
*+html nav ul 					{
 display:block;
 list-style:none;
 margin:0px;
 padding:0px;
 white-space:nowrap;
 }
*+html nav ul li 				{ display:inline; }
*+html nav ul li a				{
 line-height:110px;
 letter-spacing:-1px;
 text-decoration:none;
 color:#252525;
 padding:0px 0px 0px 21px;
 }
*+html nav ul li a:hover		{ color:#000; }
 
*+html footer					{
 display:block;
 background:#4D4D4D;
 }
*+html footer .sminfo 			{
 display:block;
 background:#2CA6D9;
 text-align:center;
 padding:20px 0px;
 }
*+html footer .sminfo a 		{
 display:inline-block;
 border:1px solid #FFF;
 border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; -webkit-border-radius:7px;
 padding:5px 30px;
 text-decoration:none;
 font-size:24px;
 font-weight:300;
 color:#FFF;
 }
*+html footer .derechos 		{
 display:block;
 background:#3C3A3B;
 padding:25px 0px;
 font-size:14px;
 font-weight:300;
 color:#FFF;
 }
*+html footer .fcol 			{
 display:inline-block;
 width:200px;
 margin:0px 0px 0px 60px;
 font-weight:300;
 font-size:14px;
 color:#FFF;
 min-height: 170px;
 vertical-align: text-top;
 }
*+html footer .fcol a 			{
 text-decoration:none;
 font-weight:300;
 font-size:14px;
 color:#FFF;
 }
*+html footer .fcol strong 		{
 display:block;
 font-weight:300;
 font-size:24px;
 color:#2CA6D9;
 }

*+html .boxes article 			{
 display:block;
 background:#FFF;
 float:left;
 margin-right:24x;
 }