/*
Theme Name: RST Servicios
Theme URI: http://www.marcelolobato.com/
Description: Theme diseñado y desarrollado para RST Servicios.
Version: 1.6
Author: Marcelo Lobato
Author URI: http://www.marcelolobato.com/
Tags: Marcelo lobato, diseño web 
*/
@charset "utf-8";
/* CSS Document */
/*---------- RESET ------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;	background:transparent;}

body {	line-height:1;}
ol, ul {list-style:none;}
blockquote, q {	quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';	content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
p {margin-top:0px; margin-bottom:0px;}
}
/*----------------- end reset ----------------*/

/*----------------- gral page -----------------*/
body {background:#282828; font-family:Arial, Helvetica, sans-serif;}
#wrap {width:100%; height:auto; margin:auto;}
#main {width:960px; height:auto; margin:auto;}



/*------------------- Header ----------------*/
#content_header {width:100%; height:158px; float:left; background:url(images/back_header.jpg) repeat-x top;}
.header {width:940px; height:158px;margin:auto;}
.header .top_header {width:940px; height:99px; float:left;}
#logo a { width:260px; height:84px; float:left; background-image:url(images/logo.jpg); background-position:top; cursor:pointer; display:block; outline:none; margin-top:12px;}
#logo a:hover{ width:260px; height:84px; float:left; background-image:url(images/logo.jpg); background-position: bottom; cursor:pointer; display:block; outline:none;margin-top:12px;}

/*------------------- splash ----------------*/
.splash { width:100%; float:left; height:314px;}
.splash_right {width:100%; height:280px; background:#363636;}
.ficha_splash {background:url(images/ficha.jpg) no-repeat; width:99px; height:314px; margin:auto;}
.logo_s a { width:260px; height:84px; background-image:url(images/logo.jpg); background-position:top; cursor:pointer; display:block; outline:none;  margin:auto; margin-top:170px;}
.logo_s a:hover{ width:260px; height:84px; background-image:url(images/logo.jpg); background-position: bottom; cursor:pointer; display:block; outline:none; margin:auto; margin-top:170px;}
.m_logo { margin-left:15px; margin-top:40%;}
.b_sp {background:#FFF;}


/*----------------------------------------------*/

.chat_icon {width:55px; height:40px; float:right; background:url(images/chat_icon.png) no-repeat;}
.line_header {width:650px; height:40px; float:right; margin-top:8px;}
.line_header p {font-family:Arial, Helvetica, sans-serif; color:#999; font-size:12px; text-align:right; padding-top:14px; float:right; margin-right:3px; width:auto;}
.line_header p span {color:#FFF;}
.line_header p a { color:#999; text-decoration:none;}
.line_header p a:hover {color:#FFF; text-decoration:none;}
.line_header p span a {text-decoration:underline; color:#FFF;}
.line_header p span a:hover {text-decoration:underline; color:#3C3;}

.h_rss a {background-image:url(images/rss_icon.png); background-position:top; width:19px; height:17px; display:block; cursor:pointer; float:right; margin-top:15px; margin-left:5px;}
.h_rss a:hover {background-image:url(images/rss_icon.png); background-position:bottom; width:19px; height:17px; display:block; cursor:pointer; float:right; margin-top:15px; margin-left:5px;}
.h_line {height:25px; margin-top:15px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
}
.line_header form {width:auto; height:25px; float:right;}
.line_header form .search {background:url(images/back_search.png) no-repeat; width:221px; height:25px;}
.line_header form input {width:180px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-align:left; padding-left:10px; padding-right:10px; float:right; background:none; border:none; padding-top:5px;}
.line_header .lupa {width:17px; height:16px; float:right; margin-top:5px; background:url(images/lupa.png) no-repeat; padding:0px; cursor:pointer;}

/*------------------- Banner Home ----------------*/
#content_banner_home {width:100%; height:315px; float:left; background:#363636; padding-top:15px;}
#banner_home { width:940px; height:300px; margin:auto;}

/*------------------- Body ----------------*/
#content_body {width:100%; height:auto; float:left; background:#FFF; padding-top:15px; padding-bottom:20px;}

#new_content_body {width:100%; height:auto; float:left; background:url(images/back_home.jpg) repeat-x top #fff; padding-top:15px; padding-bottom:20px;}


/*------------------- COLUMNAS ----------------*/
.columna_a, .columna_d {width:220px; height:auto; padding-bottom:10px; float:left; margin-left:10px; margin-right:10px; margin-bottom:10px;}

.columna_b {width:460px; height:auto; padding-bottom:10px; float:left; margin-left:10px; margin-right:10px;}
.columna_c {width:700px; height:auto; padding-bottom:10px; float:left;}

.columna_int {width:220px; height:auto; padding-bottom:10px; float:left; margin-left:10px;}
.back_2 {background:url(images/back_colum_a.jpg) no-repeat top center;}
.back_3 {background: url(images/back_columna_c.jpg) no-repeat top center;}
.m_top {margin-top:15px;}

.columna_int_b {width:448px; height:auto; padding-bottom:10px; float:left; margin-left:10px;}
.columna_int_b h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; width:448px; height:auto; float:left; margin-bottom:7px;}
.columna_int_b p span {color:#930;}

.back_h1 {width:220px; height:65px; float:left; margin-bottom:12px;}
.back_a {background:url(images/back_a.jpg) no-repeat;}
.back_b {background:url(images/back_b.jpg) no-repeat;}
.back_c {background:url(images/back_c.jpg) no-repeat;}
.back_d {background:url(images/back_d.jpg) no-repeat;}
h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; width:127px; height:53px; margin-top:11px; margin-left:105px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666; width:220px; height:20px;}
h2 a {color:#930; text-decoration:none;}
h2 a:hover {color:#000; text-decoration:none;}
.back_h2 {width:220px; height:65px; float:left; margin-bottom:12px;}
.back_h2 h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; width:190px; height:auto; margin-top:11px; margin-left:15px; padding:0px; margin-bottom:7px}
.back_h2 h1 a {color:#930; text-decoration:none;}
.back_h2 h1 a:hover {color:#000; text-decoration:none;}

.title {color:#000; font-size:18px; font-weight:bold; margin-left:18px; width:670px; height:40px; margin-bottom:12px; margin-top:10px; float:left;} 

p { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; float:left; padding-top:2px; padding-bottom:2px;  line-height:18px;}
p span { font-weight:bold;}
p a {color:#C00; text-decoration:underline;}
p a:hover {color:#000; text-decoration:underline;}

.back_h2p {font-size:12px; font-family:Arial, Helvetica, sans-serif; width:190px; float:left; padding-top:2px; padding-bottom:2px;  line-height:18px; margin-left:15px; margin-bottom:10px;}
/*-------------------- PLANTILLAS --------------------*/
.left_plantilla {width:230px; height:auto; float:left; margin-right:10px; margin-right:10px; margin-top:1px;}
.right_plantilla {width:700px; height:auto; float:left; margin-left:10px;}

.banner_int {width:700px; height:155px; float:left; margin-bottom:10px; background:url(images/banner_default.jpg) no-repeat; color:none;}

.ad {width:220px; height:auto; float:left; margin-top:0px; margin-bottom:5px; margin-left:10px;}
.p_dif {padding-top:6px; padding-bottom:5px;}
.btn_acceder a {background-image:url(images/btn_acceder.jpg); background-position:top; display:block; cursor:pointer; width:80px; height:20px; float:left;}
.btn_acceder a:hover {background-image:url(images/btn_acceder.jpg); background-position:bottom; display:block; cursor:pointer; width:80px; height:20px; float:left;}

.btn_acceder_b a {background-image:url(images/btn_acceder_b.jpg); background-position:top; display:block; cursor:pointer; width:80px; height:20px; float:left; margin-top:5px;}
.btn_acceder_b a:hover {background-image:url(images/btn_acceder_b.jpg); background-position:bottom; display:block; cursor:pointer; width:80px; height:20px; float:left;margin-top:5px;}
.pb_dif {padding-top:6px; padding-bottom:5px;}

.content_sub_header {width:100%; height:auto; float:left;background:#000;}
.sub_header {width:940px; height:74px; margin:auto;}
.sub_header h1 {color:#da0101; width:700px; float:right; font-family:Arial, Helvetica, sans-serif; font-size:24px; font-weight:bold; padding-top:15px; height:26px;}

.back_4 {background: url(images/back_columna_d.jpg) no-repeat top center;}
.title_p {color:#da0101; font-size:18px; font-weight:bold; margin-left:18px; width:670px; height:40px; margin-bottom:12px; margin-top:10px; float:left;} 
.back_5 {background:url(images/back_colum_b.jpg) no-repeat top center;}

.columna_a ul {width:220px; height:auto; float:left; margin-left:10px; padding-top:10px; list-style:none;}
.columna_a ul li {width:200px; float:left; list-style:none; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; padding-bottom:5px; border-bottom:1px dotted #000; padding-top:7px;}
.columna_a ul li span {font-size:18px;}
.columna_a ul li a {color:#333; text-decoration:none;}
.columna_a ul li a:hover {color:#da0101; text-decoration:none;}

.columna_d ul {width:220px; height:auto; float:left; margin-left:10px; padding-top:10px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.columna_a ul {padding-left:0px;}
.columna_d ul {padding-left:0px;}
}
.columna_d ul li {width:190px; padding-left:10px; float:left; list-style:disc inside; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:12px; padding-bottom:5px; border-bottom:1px dotted #000; padding-top:7px;}
.columna_d ul li span {font-size:18px;list-style:none;}
.columna_d ul li a {color:#333; text-decoration:none;}
.columna_d ul li a:hover {color:#da0101; text-decoration:none;}

.title_ul {width:210px; height:auto; float:left; margin-left:10px; padding-top:10px; font-size:18px; padding-left:0px; list-style:none; font-weight:bold;color:#da0101;}
.select {color:#da0101;font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px;}

.date {width:58px; height:58px; float:left; background:url(images/back_date.png) no-repeat; margin-top:10px; margin-left:10px;}
.date p {width:50px; height:50px; margin-top:8px; margin-left:4px; color:#FFF; font-size:16px; font-weight:bold; text-align:center;}
.modul {margin-left:18px; width:600px; height:auto; margin-bottom:12px; margin-top:10px; float:left;} 
.modul h1 {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:18px; font-weight:bold; width:500px; float:left; padding:0px; margin:0px; height:auto; margin-bottom:7px;}
.photomodul {margin-left:18px; width:600px; height:450px; margin-bottom:12px; margin-top:10px; float:left;}
.modul_entry {margin-left:86px; width:600px; height:auto; margin-bottom:12px; margin-top:10px; float:left;} 
.modul_entry h1 {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:18px; font-weight:bold; width:500px; float:left; padding:0px; margin:0px; height:auto; margin-bottom:7px;}
.modul_entry_b {margin-left:18px; width:670px; height:auto; margin-bottom:12px; margin-top:10px; float:left;} 
.modul_entry_b h1 {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:18px; font-weight:bold; width:640px; float:left; padding:0px; margin:0px; height:auto; margin-bottom:7px;}

.modul_entry_b p { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; float:left; padding-top:10px; padding-bottom:10px; line-height:18px;}
.modul_entry_b p span { font-weight:bold;}
.modul_entry_b p a {color:#C00; text-decoration:underline;}
.modul_entry_b p a:hover {color:#000; text-decoration:underline;}

.modul_entry_c {margin-left:18px; width:670px; height:auto; margin-bottom:12px; margin-top:10px; float:left;} 
.modul_entry_c h1 {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:18px; font-weight:bold; width:640px; float:left; padding:0px; margin:0px; height:auto; margin-bottom:7px;}

.modul_entry_c p { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; float:left; padding-top:10px; padding-bottom:10px; line-height:18px;}
.modul_entry_c p span { font-weight:bold;}
.modul_entry_c p a {color:#C00; text-decoration:underline;}
.modul_entry_c p a:hover {color:#000; text-decoration:underline;}


.b_icon {width:86px; height:86px; margin-top:14px; margin-left:10px; float:left;}
.modul_b{margin-left:18px; width:560px; height:auto; margin-bottom:12px; margin-top:10px; float:left;} 
.modul_b h1 {font-family:Arial, Helvetica, sans-serif; color:#333; font-size:18px; font-weight:bold; width:500px; float:left; padding:0px; margin:0px; height:auto; margin-bottom:7px;}

/*------------------- FOOTER ----------------*/
#content_footer {width:100%; height:auto; float:left; background:url(images/back_footer.jpg) repeat-x top #282828;}
.footer {width:940px; height:auto; margin:auto;}
.top_footer {width:940px; height:55px; float:left;}
.left_footer {width:460px; float:left;}
.right_footer {width:340px; float:right; text-align:right; padding-left:80px;}

.line_footer { width:460px; height:24px; float:left; margin-top:20px; margin-bottom:10px;}
.f_right {float:right; width:840px;}
.w_a { width:340px;}
.w_b { margin-top:1px;}
.w_c { width:850px;}

.footer p {font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; float:left; padding-top:8px; margin-left:10px; width:auto;}
.footer p a {color:#666; text-decoration:none;}
.footer p a:hover {color:#fff; text-decoration:none;}
.footer p span a {color:#FFF; text-decoration:underline;}
.footer p span a:hover {color:#3C3; text-decoration:underline;}
.right_footer p { float:left;}
.f_right p {text-align:right; float:right;}

.icon_fabebook a {width:24px; height:24px; float:left; background-image:url(images/facebook_icon.jpg); background-position:top; cursor:pointer; display:block;float:left; margin-right:3px; margin-left:10px;}
.icon_fabebook a:hover {width:24px; height:24px; float:left; background-image:url(images/facebook_icon.jpg); background-position:bottom; cursor:pointer; display:block;float:left; margin-right:3px ;margin-left:10px;;}

.icon_twitter a {width:24px; height:24px; float:left; background-image:url(images/twitter_icon.jpg); background-position:top; cursor:pointer; display:block;float:left; margin-right:3px;}
.icon_twitter a:hover {width:24px; height:24px; float:left; background-image:url(images/twitter_icon.jpg); background-position:bottom; cursor:pointer; display:block;float:left; margin-right:3px;}

.icon_youtube a {width:24px; height:24px; float:left; background-image:url(images/youtube_icon.jpg); background-position:top; cursor:pointer; display:block;float:left;}
.icon_youtube a:hover {width:24px; height:24px; float:left; background-image:url(images/youtube_icon.jpg); background-position:bottom; cursor:pointer; display:block;float:left;}

.icon_rss a {width:24px; height:24px; float:left; background-image:url(images/rss_icon.jpg); background-position:top; cursor:pointer; display:block;float:left;margin-left:10px;}
.icon_rss a:hover {width:24px; height:24px; float:left; background-image:url(images/rss_icon.jpg); background-position:bottom; cursor:pointer; display:block;float:left;margin-left:10px;}

.icon_skype a {width:24px; height:24px; float:left; background-image:url(images/skype_icon.jpg); background-position:top; cursor:pointer; display:block;float:left;margin-left:10px;}
.icon_skype a:hover {width:24px; height:24px; float:left; background-image:url(images/skype_icon.jpg); background-position:bottom; cursor:pointer; display:block;float:left;margin-left:10px;}

.icon_comment a {width:24px; height:24px; float:left; background-image:url(images/comment_icon.jpg); background-position:top; cursor:pointer; display:block;float:left;}
.icon_comment a:hover {width:24px; height:24px; float:left; background-image:url(images/comment_icon.jpg); background-position:bottom; cursor:pointer; display:block;float:left;}

#logo_footer a {background-image:url(images/logo_footer.jpg); background-position:top; width:50px; height:55px; float:left; display:block; cursor:pointer; margin-top:2px;}
#logo_footer a:hover {background-image:url(images/logo_footer.jpg); background-position:bottom; width:50px; height:55px; float:left; display:block; cursor:pointer;margin-top:2px;}

/*-------------------------------- FORM ----------------------*/
.modul_entry_b form { width:600px; float:left;}
.modul_entry_b form label {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px; float:left; width:400px; margin-bottom:7px; margin-top:10px;}
.modul_entry_b .back_input {background:url(images/back_input.jpg) no-repeat; width:500px; height:29px; float:left; margin-bottom:7px;}
.modul_entry_b form input {width:260px; height:20px; color:#333; margin-top:4px; margin-bottom:25px;}
/*.modul_entry_b form input # { width:80px;}*/
.modul_entry_b  .area {background:url(images/back_area.jpg) no-repeat; width:474px; height:227px; float:left; margin-top:5px; margin-bottom:25px;}
.modul_entry_b form textarea {background:none; border:none; width:455px; height:200px; color:#333; padding-top:10px; padding-left:10px;}
.modul_entry_b .btn_enviar  {background-image:url(images/btn_enviar.jpg); background-position:top; display:block; cursor:pointer; width:80px; height:20px; margin-left:0px; float:left; margin-top:5px;}
.modul_entry_b .btn_enviar:hover {background-image:url(images/btn_enviar.jpg); background-position:bottom; display:block; cursor:pointer; width:80px; height:20px; margin-left:0px; float:left;margin-top:5px;}
.modul_entry_b .enviar_btn {width:400px; float:left;}

.modul_entry_c form { width:600px; float:left;}
.modul_entry_c form label {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-bottom:5px; float:left; width:400px; margin-bottom:7px; margin-top:10px;}
.modul_entry_c .back_input {background:url(images/back_input.jpg) no-repeat; width:500px; height:29px; float:left; margin-bottom:7px;}
.modul_entry_c form input {width:260px; background:none; border:none; height:20px; color:#333; margin-left:7px; margin-top:4px;}
.modul_entry_c  .area {background:url(images/back_area.jpg) no-repeat; width:474px; height:227px; float:left; margin-top:5px; margin-bottom:25px;}
.modul_entry_c form textarea {background:none; border:none; width:455px; height:200px; color:#333; padding-top:10px; padding-left:10px;}
.modul_entry_c .btn_enviar  {background-image:url(images/btn_enviar.jpg); background-position:top; display:block; cursor:pointer; width:80px; height:20px; margin-left:0px; float:left; margin-top:5px;}
.modul_entry_c .btn_enviar:hover {background-image:url(images/btn_enviar.jpg); background-position:bottom; display:block; cursor:pointer; width:80px; height:20px; margin-left:0px; float:left;margin-top:5px;}
.modul_entry_c .enviar_btn {width:400px; float:left;}
/*--------------------------------- SMS ----------------------------*/
#wrap_sms {width:100%; height:auto; margin:auto; z-index:10000; position:absolute; display:none;}
#main_sms {width:960px; height:auto; margin:auto;}
#sms_panel { width:558px; height:257px; background:url(images/back_sms.png) no-repeat; margin:auto; margin-top:85px; margin-left:240px;}
#sms_panel form { width:558px; height:257px;}
#sms_panel form .left {width:230px; float:left; margin-left:30px; margin-right:40px; padding-top:60px;}
#sms_panel form .right {width:240px; float:left;}
#sms_panel form input {background:none; border:none; float:left; color:#CCC; font-family:Arial, Helvetica, sans-serif; font-size:12px; width:215px; height:23px; padding-left:4px; margin-top:25px;}
#sms_panel form textarea {width:220px; height:94px; background:none; border:none; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCC; margin-top:45px;}
#wrap_sms .enviarsms  {background-image:url(images/btn_sms.jpg); background-position:top; display:block; cursor:pointer; width:80px; height:20px; margin-left:0px; float:left; margin-top:15px; padding-left:0px;}
#wrap_sms .enviarsms:hover {background-image:url(images/btn_sms.jpg); background-position:bottom; display:block; cursor:pointer; width:80px; height:20px; margin-left:0px; float:left;margin-top:15px; padding-left:0px;}
#wrap_sms #main_sms #sms_panel #close_sms {background:url(images/close_sms.jpg) no-repeat; display:block; cursor:pointer; width:30px; height:30px; float:right; margin-right:5px; margin-top:17px;}
#ok { background: url(images/mje_ok.jpg) no-repeat; width:119px; height:23px; float:left; display:none; margin-top:15px; margin-left:15px;}
#sendsms { background: url(images/send_sms.gif) no-repeat; width:119px; height:23px; float:left; display:none; margin-top:15px; margin-left:15px;}
.modul_entry_b .p_new {padding-top:4px; padding-bottom:4px;}