/*CSS para Studio Web Life*/
/*Creado por: FeLiPe Rodriguez Martinez*/
/*El 23 de Julio de 2007*/

* {margin: 0px; padding: 0px;}
.both {clear: both;}

body   {background-color: #333; font: normal 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666;}

h1     {background-color: inherit; font: bold 13px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666;}
h2     {padding: 10px 0 0 0; font: bold 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666;}
h3     {padding: 0 0 7px 0; font: bold 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #e8c002; text-decoration:underline;}
p      {text-align:justify;}
p img  {border:0;}
p a {color: #4794c0;}
p a:hover {background: inherit; color: #e8c002;text-decoration:none;}
img {border:0;}

.valido {color: #2cb501;font-weight:bold;}
.valido:hover {background: inherit; color: #e8c002;text-decoration:none;font-weight:bold;}
.enlace_accesible       {background: inherit; font: bold 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #333;}
.enlace_accesible:hover {background: inherit; text-decoration: none; font: bold 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #4794c0;}
.precio {text-decoration:underline;}
.noscript {font-weight: bold;color: #DF0D0D;}
.filosofia {padding: 7px 0 0 0; text-align:justify; font: italic 11px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #666;}
.portatil {width: 130px; height: 121px; border:0; float: left; text-align: left;}
.centrar-imagen {background: url(../imagenes/motivo4.jpg) no-repeat; width: 297px; height: 3px; padding: 10px 0 0 50px;}
.portatil2 {padding: 40px 0 0 150px;}
.motivo {text-align: center;}
.accToggler {margin: 3px auto; padding: 3px; width: 425px; background: #ededeb; color: #000; cursor: pointer;}
.accContent {margin: 0 auto; width: 425px;}
.imgLeft    {float: left;}
.imgRight   {float: right;text-align: right;}
.imgRight2  {margin-left: 10px; float: right; text-align: right; width: 193px; height: 113px;}
.imgRight3  {margin-left: 10px; float: right; text-align: right; width: 150px; height: 58px;}
.imgRight4  {margin-left: 10px; float: right; text-align: right; width: 184px; height: 47px;}
.error401403   {margin-left: 10px; float: right; text-align: right; width: 150px; height: 206px;}
.error404   {margin-left: 10px; float: right; text-align: right; width: 120px; height: 189px;}
.error500   {margin-left: 10px; float: right; text-align: right; width: 180px; height: 135px;}
.clientes img {border: 2px solid gray; display: block; margin: auto;}
.clientes:hover img {border: 2px solid #CFCFCF; display: block; margin: auto;}

#centrado {padding: 10px 0 0 50px;}
#contenido_texto   {text-align:justify; padding:10px 0 0 0; line-height: 14px;}
#contenido_texto a {background: inherit; color: #333; font-weight: bold;}
#contenido_texto a:hover {background: inherit; color: #4794c0; text-decoration: none;}

#trabajos {padding: 10px 0 0 50px;}
#trabajos2 {padding: 10px 0 0 165px;}


#borde-superior {background: #333 url(../imagenes/borde-superior.gif) top no-repeat; width: 762px; height: 16px; clear: both; color: #000;}
#caja       {margin: 50px 0 0 110px; width: 762px; clear: both; background: #fff url(../imagenes/mainbg.gif) top repeat-y;}
#contenido  {padding: 0px 16px; clear: both;}
#rightCol   {width: 430px; background: inherit; color: #000; float: left; margin-left: 20px; padding-top: 12px;}
#imgRight   {float: right; background: url(../imagenes/swl-inicio2.jpg) no-repeat; text-align: right; width: 134px; height: 111px;}

#menu-izda   {float: left; width: 250px; padding:10px;  height: 405px; background: #8c8c8c url(../imagenes/fondo-izda2.jpg) left bottom no-repeat;}
#menu-izda p {background-color:inherit; color: #fff; text-align: justify; line-height: 14px; margin: 0px 0px; width: 240px; float: left;}
#menu-izda a {background: inherit; color: #72ccff; text-decoration: none; font-weight: bold;}
#menu-izda a:hover {background: inherit; color: #fff; text-decoration: none;}

#menu-izda_seo   {float: left; width: 250px; padding:10px;  height: 455px; background: #8c8c8c url(../imagenes/fondo-izda2.jpg) left bottom no-repeat;}
#menu-izda_seo p {background-color:inherit; color: #fff; text-align: justify; line-height: 14px; margin: 0px 0px; width: 240px; float: left;}
#menu-izda_seo a {background: inherit; color: #72ccff; text-decoration: none; font-weight: bold;}
#menu-izda_seo a:hover {background: inherit; color: #fff; text-decoration: none;}

#menu-izda2   {float: left; width: 250px; padding:10px;  height: 410px; background: #8c8c8c url(../imagenes/fondo-izda2.jpg) left bottom no-repeat;}
#menu-izda2 p {background-color:inherit; color: #fff; text-align: justify; line-height: 14px; margin: 0px 0px; width: 240px; float: left;}
#menu-izda2 a {background: inherit; color: #72ccff; text-decoration: none; font-weight: bold;}
#menu-izda2 a:hover {background: inherit; color: #fff; text-decoration: none;}

#menu-izda3   {float: left; width: 250px; padding:10px;  height: 475px; background: #8c8c8c url(../imagenes/fondo-izda2.jpg) left bottom no-repeat;}
#menu-izda3 p {background-color: inherit; color: #fff; text-align: justify; line-height: 14px; margin: 0px 0px; width: 240px; float: left;}
#menu-izda3 a {background: inherit; color: #72ccff; text-decoration: none; font-weight: bold;}
#menu-izda3 a:hover {background: inherit; color: #fff; text-decoration: none;}

#menu    {text-align: center; clear: both; width: 430px;}
#menu li {list-style: none; float: left; margin: 0px 7px 15px 6px;}
#menu li a {font: bold 13px Verdana, Arial, helvetica, sans-serif; color: #a5c4d6; text-decoration: none;}
#menu li a:hover {color: #bfbdbd; text-decoration: none;}

#pie   {background: #333 url(../imagenes/borde-inferior4.gif) top no-repeat; width: 762px; height: 50px; clear: both;}
#pie p {padding: 18px; color: #fff;}
#pie a {color: #72ccff; text-decoration: none; }
#pie a:hover {background-color: inherit; color: #fff; text-decoration: none;}

#efecto-menu {margin: 0; padding: 0 0 20px 25px; border-bottom: 1px solid #f6cb00;}
#efecto-menu li {margin: 0; padding: 0 0 0 0; display: inline; list-style-type: none;}
#efecto-menu a:link, #efecto-menu a:visited {float: left; font-size: 10px; line-height: 14px; font-weight: bold; padding: 0 12px 6px 0px; text-decoration: none; color: #708491;}
#efecto-menu a:link.active, #efecto-menu a:visited.active, #efecto-menu a:hover {color: #171717; font-weight: bold; background: url(../imagenes/tab_pyram.gif)  bottom center no-repeat;}

#etiqueta {position: absolute; left: 90px; top: 50px; width: 111px; height: 110px; z-index: 999; overflow: hidden;}
#cinta  {position: absolute; left: -55px; top: -25px; width: 205px; height: 181px; background: url(../imagenes/cinta2.gif) no-repeat; text-decoration: none;}