/* CSS decoracioncobalto.es */
* { margin:0; padding:0; }
body { background:#666 url(../images/bg_site.png) top center; font-family:Tahoma, Verdana, Arial; font-size:12px; color:#333; }
img { border:0; }
h1, h2 { background:url(../images/bg_titulos_50.png); font-family:Helvetica, Arial, Verdana; font-size:20px; color:#fff; letter-spacing:-1px; text-align:right; font-weight:normal; height:37px; width:185px; float:right; padding:13px 15px 0 0; }
h2 { text-transform:uppercase; }
h2 { background:url(../images/bg_titulos_75.png); float:left; margin:0 0 0 201px; width:184px; text-align:left; padding:13px 0 0 15px; }
h3 { display: inline-block; background: #333; color: #fff; float: right; padding: 5px 10px; }
p { padding:0 20px 10px 20px; line-height:1.4em; text-align:justify; }
blockquote.ok { margin:70px 0 0 20px; float:left; background:#fff; border:1px solid #ccc; width:310px; padding:20px; }
blockquote>em { display: inline; color: #900; font-style: normal; }
#contenedor { width:960px; margin:0 auto; background:url(../images/loading.gif) no-repeat center; }
#contenido { height:750px; margin:20px 0; }
.lista_contenido { margin: 0; padding: 0; list-style: none; display: block; }
.lista_contenido li { line-height: 1.8em; }
.lista_contenido li span { display: inline-block; width: 105px; text-align: right; }

/* Fondos de las secciones */
.inicio { background:url(../images/bg_inicio_2.jpg) no-repeat; }
.quienes { background:url(../images/bg_quienes_2.jpg) no-repeat; }
.servicios { background:url(../images/bg_servicios_2.jpg) no-repeat; }
.trabajos { background:url(../images/bg_trabajos.jpg) no-repeat; }
.contacto { background:url(../images/bg_contacto_2.jpg) no-repeat; }
.login { background:url(../images/bg_admin.jpg) no-repeat; }
.admin { background:url(../images/bg_admin.jpg) no-repeat; }

/* HEADER */
#header { height:150px; padding:0 1px; display:block; }
#header_admin { height:100px; padding:0 1px; display:block; }
#header .logo { float:left; }
#header #nav { list-style:none; float:left; width:190px; height:140px; background:url(../images/bg_transparent.png); padding:10px 0 0 10px; }
#header #nav li { display:block; }
#header #nav li a { display:block; clear:both; text-align:right; font-family:"Trebuchet MS", Arial, Tahoma, Verdana; color:#fff; text-decoration:none; background:url(../images/bg_transparent.png) repeat-x bottom; padding:5px 10px; }
#header #nav li a:hover, #header #nav li a.s { background:url(../images/bg_transparent_70.png); color:#182361 }

/* Seccion: inicio */
#inicio { width:400px; height:300px; margin:300px 0 0 400px; }
#inicio div { background:url(../images/bg_transparent_70.png); display:block; clear:both; height:250px; }
#inicio div img { padding:20px; }

/* Seccion: quienes-somos */
#quienes { width:600px; height:300px; margin:300px 0 0 200px; }
#quienes div { background:url(../images/bg_transparent_70.png); display:block; clear:both; height:250px; }
#quienes div img { padding:20px; float:left; margin:0 20px 0 0; }
#quienes div p { padding:20px; }

/* Seccion: servicios */
#servicios { width:800px; height:300px; margin:300px 0 0 0; }
#servicios div { background:url(../images/bg_transparent_70.png); display:block; clear:both; height:250px; }
#servicios div img { padding:20px; float:left; margin:0 20px 0 0; }
#servicios div p { padding:20px; }

/* Seccion: trabajos */
#trabajos { width:960px; height:500px; margin:100px 0 0 0; }
#trabajos h1 { width:143px; float:right; padding:13px 15px 0 0; margin:0 1px 0 0; }
#trabajos div.todo { background:url(../images/bg_transparent_80.png); display:block; clear:both; height:450px; }
#trabajos div.menu_scroll { background:none; width:200px; border-right:1px solid #fff; float:left; }

/* Seccion: contacto */
#contacto { width:800px; height:300px; margin:300px 0 0 0; }
#contacto div { background:url(../images/bg_transparent_70.png); display:block; clear:both; height:250px; }
#contacto div img { padding:20px 0 20px 20px; float:left; margin:0 20px 0 0; }
#contacto div span { background:none; width:160px; float:left; border-right:1px solid #fff; border-left:1px solid #fff; margin:20px 0; padding:0 20px; line-height:1.4em; height:210px; }
#contacto div span a { color:#333; text-decoration:none; }
#contacto div span a:hover { color:#182361; text-decoration:underline; }
#contacto form { float:left; width:360px; padding:20px 0 0 20px; }
#contacto form div { display:block; height:28px; background:none; }
#contacto form div strong { display:block; width:90px; text-align:right; float:left; padding:5px 10px 0 0; font-weight:normal; }
#contacto form div input, #contacto form div textarea { width:250px; border:0; background:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; color:#333; padding:5px; }
#contacto form div textarea { overflow:auto; height:120px; }
#contacto form input.btn { background:#182361; width:70px; height:25px; color:#fff; border:0; font-family:"Trebuchet MS", Arial, Tahoma, Verdana; font-size:11px; letter-spacing:1px; margin:77px 0 0 20px; }
#contacto form input.error, #contacto form textarea.error { background-color:#900; color: #FFF; }

/* FOOTER */
#footer { width:960px; margin:0 auto; line-height:1.4em; }
#footer .info { width:160px; height:150px; padding:0 20px; float:left; color:#ccc; }
#footer #nav_bottom { width:160px; height:150px; padding:0 20px; float:left; list-style:none; }
#footer #nav_bottom li { display:block; text-align:right; padding:1px; }
#footer #nav_bottom li a, #footer .info a { color:#ccc; text-decoration:none; }
#footer #nav_bottom li a:hover, #footer .info a:hover { color:#fff; }
#footer .copyright { width:160px; height:150px; padding:0 20px; float:right; color:#8F8F8F; text-align:right; margin:0 10px 0 0; }
#footer .privado { width:140px; height: 30px; float:right; color:#8F8F8F; text-align:right; margin:0 10px 0 0; }
#footer .privado a { background: url(../images/lock.png) no-repeat; padding-left: 20px; color: #8F8F8F; text-decoration: none; }
#footer .privado a.logout { background: url(../images/lock_open.png) no-repeat; padding-left: 20px; color: #8F8F8F; text-decoration: none; }
#footer .privado a:hover { color: #AFAFAF; }

/* Seccion: admin/login */
#login { width:400px; height:300px; margin:300px 0 0 400px; }
#login div { background:url(../images/bg_transparent_70.png); display:block; clear:both; height:250px; }
#login div img { padding:20px; }
#frm_login { padding: 40px 0 0 50px; }
#frm_login label { display: block; font-size: 1.1em; }
#frm_login input { display: block; margin-bottom:1em; border:1px solid #999; background:#fff; font-family:Tahoma, Verdana, Arial; font-size:11px; color:#333; padding:5px; }
#frm_login input.boton { background:#182361; width:70px; height:25px; color:#fff; border:0; font-family:"Trebuchet MS", Arial, Tahoma, Verdana; font-size:11px; letter-spacing:1px; }
#frm_login input.error { background-color:#900; color: #FFF; }
#error_login { color:#900; display:block; margin-left:50px; padding:0; }

/* Seccion: admin/admin */
#admin { width:959px; height:600px; margin:0; }
#admin .h1admin { width: 143px; }
#admin .container { background:url(../images/bg_transparent_70.png); display:block; clear:both; height:600px; }
#admin .col_izq { float:left; width: 180px; margin-left: 1px; height: 580px; overflow:auto; padding: 10px; }
#admin .col_der { float:right; width: 738px; height: 580px; overflow:auto; padding: 10px; }
#nueva_gal { margin: 0; padding: 0 0 0 10px; }
#nueva_gal .tblbl { display: block; }
#nueva_gal input { margin-bottom: 10px; padding: 0; }