/*
Especifico del tema

Cuando haya conflictos entre navegadores
  1.- localizar el que da problemas
  2.- duplicar la etiqueta
  3.- poner los prefijos correspondientes al navegador
    Ejemplo correcto:
      Firefox y demás ->  #MiDiv                    {margin : 10px 10px 10px 10px;}
      Sólo IE6        ->  * html #MyDiv             {margin : 5px 5px 5px 5px;}
      Sólo IE7        ->  *:first-child+html #MyDiv {margin : 2px 2px 2px 2px;}
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

body, html  {height:100%;}
body {font-family: 'Open Sans', sans-serif; color:#000; background:#FFF; font-weight:300; letter-spacing: 0.1em; line-height:1.2em; font-size:16px}
b, strong {font-weight:bold;}

a       {color:rgba(48, 60, 94, 1)}
a:hover {text-decoration:underline;}

h2, h3, h4, h5, h6  {font-weight:100; line-height:1.2em}
h2  {font-size:2.2em;}
h3  {}
h4  {}

#header           {height:600px; background:transparent url(../images/fondocabecera.jpg) 48% -100px no-repeat; }
#header .logo     {float:left; display:block; overflow:hidden; width:170px; height:50px; background:transparent url(../images/logoTW.png) 0 0 no-repeat; margin:50px 0 0; }
#header .logo h1  {display:none}

#header .mainmenu   {float:right; text-transform:lowercase; margin:65px 0 0 }
#header .mainmenu a {margin:0 0 0 10px; color:#FFF; font-size:1.15em; font-weight:100}

#header .eslogan     {position:relative; margin-top:65px; text-align:center; margin:65px -30px 0}
#header .eslogan h2  {font-size:2.2em; font-weight:100; color:#FFF; margin:0;}
#header .eslogan h3  {font-size:1.7em; font-weight:100; line-height:1.1em; margin:0 0 7px; color:#dcd0e6}
#header .enlace      {text-align:center; width:52px; height:207px; background:transparent url(../images/flechaanchor.png) 50% 0 no-repeat; margin:108px auto 0; display:block; position:relative; left:-8px}
#header .enlace a    {width:52px; height:52px; display:block; position:absolute; left:0;}
#header .enlace span {display:none}

#header.inmod           {height:100px; overflow:hidden;}
#header.inmod .logo     {margin:25px 0 0;}
#header.inmod .mainmenu {margin:35px 0 0 }

.txt-sombra {text-shadow:0 1px 1px rgba(0,0,0,.3);}

.blq-ingenieria             {}
.blq-ingenieria .textos		  {min-heig.ht:130px;}
.blq-ingenieria .items      {}
.blq-ingenieria .item       {margin-bottom:30px}
.blq-ingenieria .item.even  {clear:both}
.blq-ingenieria .item.odd   {marg/in-top:30px}

.blq-ingenieria h2          {margin:50px 0}
.blq-ingenieria h3          {font-size:1.2em; font-weight:400; letter-spacing:-0.01em}
.blq-ingenieria .cliente    {font-size:1.05em; letter-spacing:-0.02em; marg.in:5px 0 10px}
.blq-ingenieria .entradilla {font-size:.95em; line-height:1.25em;}
.blq-ingenieria .imagen     {heigh.t:340px; m.argin:20px auto 0; text-al.ign:center; backg.round-color:rgba(0,0,0,.2);}
/* .blq-ingenieria .imagen img {width:100%; position:relative; left:-10px;} */

.blq-herramienta                	{background-color:rgba(0,0,0,.02); margin-top:50px; ove.rflow:visible;}
.blq-herramienta .TWSAInt					{height:205px;}
.blq-herramienta .TWSAInt	.textos	{margin:0 1.5rem 0 0}
.blq-herramienta .logoTWSAInt   	{display:block; position:relative; z-index:1; width:270px; height:285px; background-color:rgba(0,0,0,.1); top:-65px; left:60px; background:transparent url(../images/logoTWSAInt.png) 0 0 no-repeat;}
.blq-herramienta .items         	{}
.blq-herramienta .item       			{}
.blq-herramienta .item.even  			{clear:both}
.blq-herramienta .item.odd   			{}

.blq-herramienta h2          {margin:20px 0}
.blq-herramienta h3          {font-size:1.25em; font-weight:400; letter-spacing:-0.01em}
.blq-herramienta .cliente    {font-size:1.05em; letter-spacing:-0.02em; margin:5px 0 10px}
.blq-herramienta .entradilla {font-size:.8em; line-height:1.25em}
.blq-herramienta .imagen     {margin:20px auto 0; padding:10px; text-align:center; }
.blq-herramienta .imagen img {width:auto; b.ox-shadow:0 2px 7px rgba(0,0,0,.3)}

.blq-herramienta .propiedades        {padding:0 0 2rem}
.blq-herramienta .propiedades .item  {text-align:center; text-transform:uppercase; font-size:.7em; margin:.25rem .25rem; padding:.25rem 0; width:18.5%; background-color:white; box-shadow:0 0 1px rgba(0,0,0,.25);}

.blq-contacto               					{height:400px; overflow:hidden; background-color:#e9e5dc}
.blq-contacto iframe.mapa,
.blq-contacto .tapete       					{width:100%; height:400px; position:relative;}
.blq-contacto .tapete      				 		{position:absolute; z-index:50; top:inherit;}
.blq-contacto .formulario   					{position:absolute; z-index:100; top:5px; background-color:rgba(250,250,250,.9); box-shadow:0 1px 2px rgba(0,0,0,.2); padding:15px 30px; border-radius:1px}
.blq-contacto .formulario label 			{font-weight:300; margin-top:8px; font-size:.9em}
.blq-contacto button               		{border:0; background-color:green; color:#FFF; font-size:1em; font-weight:100; float:right; padding:10px 20px; clear:both; margin-top:10px; box-shadow:0 0 1px rgba(0,0,0,.7)}
.blq-contacto .formulario label.error {clear: both; color: #f22; display: block; font-size: 9pt; overflow: hidden; position: absolute; right: 10px; text-align: right; z-index: 1000; }

/*
.blq-contacto .formulario .item    {clear:both}
.blq-contacto .formulario .caption {font-size:.8em; display:block; float:left; clear:none; width:15%;}
.blq-contacto input,
.blq-contacto textarea             {font-size:.9em; width:80%; text-indent:5px; color:#555; line-height:30px; margin-bottom:10px; border:0; background-color:#FFF; float:right; box-shadow:0 0 1px rgba(0,0,0,.3)}
.blq-contacto textarea             {height:100px; line-height: 1.2em}
*/

#footer   {background-color:rgba(36, 32, 22,.8); color:rgba(255,255,255,.5); padding:30px 0; font-weight:100; font-size:.8em; position:relative;}
#footer a {color:#FFF}

#footer .direccion  {text-align:right;}
#footer .email      {text-align:left}

#footer .social         		{margin:5px 0 0}
#footer .social a       		{width:30px; height:30px; display:inline-block; margin-left:10px; box-shadow:0 0 2px rgba(0,0,0,.5); border-radius:50px; background:transparent url(../images/icons_social.png) 0 0 no-repeat;}
#footer .social a:hover 		{box-shadow:0 0 10px rgba(0,0,0,.5)}
#footer .social a span  		{display:none}
#footer .social a.fb 				{background-color:rgba(59, 89, 152, 1); background-position:-1px 0}
#footer .social a.tw 				{background-color:rgba(0, 132, 180,1);  background-position:-29px 0}
#footer .social a.yt 				{background-color:rgba(187, 0, 0,1);  background-position:-57px 0}
#footer .social a.fb:hover 	{background-position:-1px 6px}
#footer .social a.tw:hover 	{background-position:-29px 6px}
#footer .social a.yt:hover 	{background-position:-57px 6px}

.toTop {background:#FFF url("../images/flechaanchor.png") 50% -10px no-repeat;
		z-index:100,
		display:inline-block;
        height:40px; width:40px; background-color:rgb(74, 98, 145);
        bottom: 20px; right: 20px;
        position: fixed;
        text-decoration: none;
        border-radius: 100px;
        box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.3); border: 5px solid rgb(74, 98, 145);
        transform : rotate(180deg);
        -moz-transform : rotate(180deg); /* Firefox */
        -webkit-transform : rotate(180deg); /* Chrome - Safari */
        -o-transform : rotate(180deg); /* Opera */ }

.toTop:hover  {border-color:rgb(160, 90, 150); background-color:rgb(0,0,0) }
.toTop span   {display:none;}

.WYSIWYG              {font-size:.8em;}
.WYSIWYG img          {margin:0 10px 10px 0}
.WYSIWYG a            {}
.WYSIWYG a:hover      {}
.WYSIWYG ol,
.WYSIWYG ul           {padding:5px 0 5px 10px; display:block;*overflow:hidden;}
.WYSIWYG ol li,
.WYSIWYG ul li        {list-style:circle outside url("") !important; margin:0 0 0 15px; padding:0 0 6px 0 !important;}
.WYSIWYG ol li:hover,
.WYSIWYG ul li:hover  {background:none !important}
.#WYSIWYG ol li       {list-style:decimal-leading-zero inside !important;}
.WYSIWYG ul li        {background:transparent url(../images/bulletToogle.png) 0 3px no-repeat; }
.WYSIWYG p            {margin:0 0 5px 0; line-height:1.2em}
.WYSIWYG strong       {font-weight:bold !important}
.WYSIWYG em           {font-style:italic !important}

.columnas2              {columns:auto 2; -webkit-columns:auto 2; -moz-columns:auto 2;}
.columnas3              {columns:auto 3; -webkit-columns:auto 3; -moz-columns:auto 3;}
.columnas2, .columnas3  {column-gap:40px; -moz-column-gap:40px; -webkit-column-gap:40px;}

.WYSIWYG .columnas2 ol,
.WYSIWYG .columnas2 ul,
.WYSIWYG .columnas3 ol,
.WYSIWYG .columnas3 ul {
	overflow:visible;
}