/* CSS Document */

* { margin: 0; padding: 0; }
body { background: url("http://www.tictacstudio.es/img/comun/degradado.jpg") top center repeat-y #a0b3ba; text-align: center; width: 100%; z-index: 1; scrollbar-face-color: #FFF; scrollbar-shadow-color: #FFF; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #FFF; scrollbar-darkshadow-color: #FFF; scrollbar-track-color: #FFF; scrollbar-arrow-color: #153453; font: normal 12px Arial, Helvetica, sans-serif;}

#marco { display: block; margin: 20px auto 0 auto; background: url("http://www.tictacstudio.es/img/comun/fondo.jpg") top center no-repeat #0e242f; width: 990px; height: 600px; }
h1 { position: relative; top: -15px; width: 980px; height: 10px; text-align: right; font: normal 10px Arial, Helvetica, sans-serif; color: #699; padding: 0; margin: 0; }
#tictac { float: left; margin: 5px 15px; width: 150px; height: 70px; text-align: left; z-index: 200; }
#tictac img { border: 0; }
#lang { float: right; position: relative; top: 14px; left: 800px; z-index: 130;}
#lang img { margin-left: 10px;}

#banda { float: right; position: relative; top: -10px; left: -83px; background: #000; width: 220px; height: 600px; color: #FFF; text-align: left; z-index: 150; }
#banda2 { float: right; position: relative; top: -10px; left: -83px; background: #000; width: 150px; height: 600px; color: #FFF; text-align: left; z-index: 150; }
#imagen { float: right; width: 320px; height: 225px; position: absolute; top: 375px; left: -65px; background: url("http://www.tictacstudio.es/img/comun/punk.gif") bottom left no-repeat; }
#image { float: right; width: 320px; height: 225px; position: absolute; top: 375px; left: -65px; background: url("http://www.tictacstudio.es/design/img/punk.gif") bottom left no-repeat; }
#banda h2, #banda2 h2 { margin: 40px 20px; font: bold 12px Arial, Helvetica, sans-serif; }
#banda h3, #banda2 h3 { margin: 20px; font: bold 11px Arial, Helvetica, sans-serif; }
#banda p, #banda2 p, #banda ul, #banda2 ul { margin: 10px 20px; font: normal 11px Arial, Helvetica, sans-serif; }
#banda a:link, #banda a:visited, #banda2 a:link, #banda2 a:visited { color: #FFF; }
#banda a:hover, #banda a:visited:hover, #banda2 a:hover, #banda2 a:visited:hover { color: #699; }

#banda2 #sideform { margin: 20px; font: normal 11px Arial, Helvetica, sans-serif; }
#banda2 #sideform input { width: 100px; font: normal 11px Arial, Helvetica, sans-serif; }

#contenido { float: left; position: relative; top: 50px; left: 30px; width: 615px; height: 430px; text-align: left; background: url("http://www.tictacstudio.es/img/comun/cajas.gif") top left no-repeat; }

#contenido2 { float: left; position: relative; top: 50px; left: 30px; width: 707px; height: 442px; text-align: left; background: url("http://www.tictacstudio.es/img/comun/caja_grande.gif") top right no-repeat; }

#contenidohome { float: left; position: relative; top: 50px; left: 20px; width: 625px; height: 430px; text-align: left; background: url("http://www.tictacstudio.es/img/comun/caja_home.gif") top right no-repeat; }

#caja { float: right; width: 205px; height: 200px; }
#caja2 { float: left; width: 207px; margin-top: 0px; }
#caja2cabecera { background: url("http://www.tictacstudio.es/img/comun/cabecera_azul.gif") top right repeat-y; width: 207px; height: 23px; }
#caja2pie { background: url("http://www.tictacstudio.es/img/comun/pie_azul.gif") top right repeat-y; width: 207px; height: 28px; }
#caja3cabecera { background: url("http://www.tictacstudio.es/img/comun/cabecera_sinsombra.gif") top right repeat-y; width: 207px; height: 23px; }
#caja3pie { background: url("http://www.tictacstudio.es/img/comun/pie_sinsombra.gif") top right repeat-y; width: 207px; height: 28px; }

#secundario { margin: 15px 25px 15px 20px; background: #153453; color: #FFF; text-align: left; }
#secundario2 { width: 157px; padding: 0 30px 0 20px; background: url("http://www.tictacstudio.es/img/comun/fondo_azul.gif") top right repeat-y; color: #FFF; text-align: left; }
#secundario3 { width: 157px; padding: 0 30px 0 20px; background: url("http://www.tictacstudio.es/img/comun/fondo_sinsombra.gif") top right repeat-y; color: #FFF; text-align: left; }
#caja h4, #caja2 h4{ background: url("http://www.tictacstudio.es/img/comun/icon.gif") top left no-repeat; padding-left: 25px; margin: 0px 0px 10px -10px; font: bold 11px Arial, Helvetica, sans-serif; height: 25px; }
#caja p, #caja2 p { padding: 0 0 10px 15px;font: normal 11px Arial, Helvetica, sans-serif; }
#caja a:link, #caja a:visited, #caja2 a:link, #caja2 a:visited { text-decoration: none; color: #699; }
#caja a:hover, #caja a:visited:hover, #caja2 a:hover, #caja2 a:visited:hover { text-decoration: underline; color: #FFF; }
#twitter { width: 207px; padding: 0; background: url("http://www.tictacstudio.es/img/comun/fondo_azul.gif") top right repeat-y; color: #FFF; text-align: left; }

#navegacion { width: 285px; margin: 123px 0 5px 65px; text-align: left; font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; }
#navegacion2 { width: 470px; position: relative; top: -15px; left: 219px; text-align: left; font: normal 10px Arial, Helvetica, sans-serif; color: #FFF; }
#navegacion a, #navegacion2 a { color: #FFF; }
#navegacion a:link, #navegacion a:visited, #navegacion2 a:link, #navegacion2 a:visited { text-decoration: none; }
#navegacion a:hover, #navegacion a:visited:hover, #navegacion2 a:hover, #navegacion2 a:visited:hover { text-decoration: underline; }
#botones { float: left; width: 50px; height: 250px; text-align: left; }
#botones2 { float: left; width: 100px; text-align: left; position: relative; left: 25px; }
#botones img, #botones2 img { width: 40px; height: 40px; border: 0; margin: 0 10px 10px 0; }

#home { float: left; position: relative; top: 80px; left: 10px; width: 400px; height: 320px; text-align: left; }
#principal { float: left; position: relative; top: -60px; left: 0px; padding: 20px; width: 468px; height: 250px; text-align: left; }
#principal2 { position: relative; top: 0; left: 10px; overflow: auto; width: 470px; height: 410px; }
#cajaespecial { position: relative; top: 0; left: 0px; overflow: auto; padding-right: 10px; }
#principal h2 { font: bold 18px Arial, Helvetica, sans-serif; text-align: left; color: #153453; width: 290px; height: 60px; }
#principal2 h2 { font: bold 18px Arial, Helvetica, sans-serif; text-align: left; color: #153453; padding-bottom: 20px; }
#principal h3, #principal2 h3 { font: bold 16px Arial, Helvetica, sans-serif; text-align: left; color: #699; padding-bottom: 10px; }
#principal p, #principal2 p, #cajaespecial p { font: normal 12px Arial, Helvetica, sans-serif; color: #003; padding-bottom: 10px; text-align: justify; }
#principal ul, #principal2 ul { margin-left: 20px; padding-bottom: 10px; }
#principal li, #principal2 li { font: normal 12px Arial, Helvetica, sans-serif; color: #003; text-align: left; }

#principal a:link, #principal a:visited,
#principal2 a:link, #principal2 a:visited,
#cajaespecial a:link, #cajaespecial a:visited { color: #153453; }

#principal a:hover, #principal a:visited:hover,
#principal2 a:hover, #principal2 a:visited:hover,
#cajaespecial a:hover, #cajaespecial a:visited:hover { color: #699; }

form table tr td { font: normal 12px Arial, Helvetica, sans-serif; color: #003; text-align: left; }
#principal p.legal, #principal2 p.legal { font: normal 10px Arial, Helvetica, sans-serif; color: #666; }

#menuholder { position: absolute; top: 115px; left: 0; width: 100%; text-align: center; display: block; z-index: 120; }
#menu { width: 990px; margin: 0 auto; }
#menu ul { list-style-type: none; height: 21px; background: url("http://www.tictacstudio.es/img/comun/menubar.gif") top left repeat-x #13304D; }
#menu li { float: left; position: relative; z-index: 100; }
#menu table { position: absolute; border-collapse: collapse; z-index: 80; left: 0px; top: 21px; }
#menu a, #menu :link, #menu :visited { display: block; font: bold 12px Arial, Helvetica, sans-serif; line-height: 21px; padding: 0 30px; text-decoration: none; color: #FFF; text-align: left; }
#menu :hover, #menu :hover:visited  { color: #699; background: url("http://www.tictacstudio.es/img/comun/menubar.gif") top left repeat-x #13304D; }
#menu ul ul { visibility: hidden; position: absolute; width: 150px; height: 0; }
#menu ul ul a, #menu ul ul :link, #menu ul ul :visited { background: url("http://www.tictacstudio.es/img/comun/list.gif") top left no-repeat #699; font-weight: normal; width: 130px; padding: 0 0px 0px 30px; }
#menu ul ul :hover, #menu ul ul :hover:visited  { background: url("http://www.tictacstudio.es/img/comun/list.gif") top left no-repeat #699; color: #153453; }
#menu ul li:hover ul, #menu ul li:hover:visited ul, #menu ul a:hover ul, #menu ul a:hover:visited ul { visibility: visible; color: #153453; }


div.clear { clear: both; }
div#end { clear: both; height: 30px; }

#pie { width: 100%; height: 20px; line-height: 20px; text-align: center; }
#pie img { float: left; margin: 5px 5px 0 0; }
#pie div { margin: 0 auto; width: 980px; text-align: right; font: normal 10px Arial, Helvetica, sans-serif; color: #699; }
#pie div a { text-decoration: none; }
#pie div a:link, #pie div a:visited { color: #699; }
#pie div a:hover, #pie div a:visited:hover { color: #FFF; }

.proyecto {font: normal 10px Arial, Helvetica, sans-serif; color: #FFFFFF;}

/* Blogger - Deshabilita la barra de blogger */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

/* Outsorce - Layer for parking issues */
#parking { display: block; position: absolute; top:0; left: 0; width: 100%; text-align:center; background: url("http://www.tictacstudio.es/img/comun/degradado.jpg") top center repeat-y #a0b3ba; }
#parking2 { display: block; position: absolute; top:0; left: 0; width: 100%; height: 1024px; text-align:center; background: url("http://www.tictacstudio.es/img/webs/masquefemenina.jpg") top center repeat-y #4a172a; }