/**
 * @paquete Archivo de aplicacion
 * @Archivo home.css	
 * @ruta includes/css/
 * @copyright 2011
 * @contacto richard@masfusion.com
 * @version 1.0
**/

/* Generals */
.home {width:960px; margin:0 auto; height: auto; overflow: hidden;}
.home .left_home {width:700px; float:left}
.home .right_home {width:244px; float:right}

.zapopan-home {width: 960px;height: auto; margin: 0 auto; overflow: hidden;}
.zapopan-home input, .zapopan-home #box{color: #000000;}
.zapopan-home .intro-pane{position: relative;}

.background {
    background: url("../images/bg/background-finger.png") no-repeat center;
    background-size: cover;
    margin: -40px 0 -200px;
    padding: 60px 0 256px;
    color: white;
    position: relative;
}

.contenido button{position: relative;}
.intro-pane{font-size: 16px; text-align: center; color: #FFFFFF; margin-bottom: 100px; width: 720px; left: 9%;}
.intro-pane #txtBuscar{width: 589px;}
.intro-pane button {margin: 7px 0 10px -10px; padding: 10px;}

.process-document .col-md-12{background-color: #FAFAFA; margin: -148px 0 20px; padding: 50px;}
.process-document .titSubCol {color: #A00000;}
.process-document .process-online {margin-bottom: 25px; margin-top: 15px;}
.process-document .process-online a{color: #A00000;}
.process-document .lista_tramites ul{list-style: none !important; padding: 0; width: 100%;}
.process-document .lista_tramites ul li {padding: 0 !important;}
.vertical-line{border-left: 1px solid #CCCCCC; height: 200px;}

.title-center{text-align: center; color: #A00000;}
.how-to-help{overflow: hidden; margin-bottom: 60px;}
.how-to-help p {margin-bottom: 30px;}
.how-to-help div.btn-option {margin-bottom: 22px;}
.options-container{border: 2px solid #E8E8E8; background-color: #FAFAFA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 40px 60px; overflow: hidden; margin-left: -60px;}
.options-container ul{list-style: none;}
.options-container #dependencies a, .options-container #rubro a{color: #333333;}

.channels {margin: 50px 0; overflow: hidden;}
.channels .btn-primary{padding: 10px 25px;}
.channels .containers{border: 2px solid #E8E8E8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFFFFF; padding: 15px; overflow: hidden; margin: 10px 0 15px;}
.channels ul{list-style: none;}
.channels .col-md-12{margin-bottom: 30px;}
.channels .presential-panel{margin-right: 15px;}
.channels .presential-panel p {margin-bottom: 28px;}
.channels .container-separator{width: 472px;}
.channels .second-panel p {margin-top: 20px;}

.last-news{margin: 60px 0 40px; overflow: hidden;}
.last-news .information{padding: 20px 10px; margin: 20px 0; border-style: none; text-align: left; background-color: #FFFFFF;}
.last-news .information:hover, .last-news .information:hover .publish{background-color: #333333; color: white;}
.last-news .information p{margin: 10px 0;}
.last-news .information .title{font-weight: bold;}
.last-news .information .publish{font-style: italic; color: #A00000;}
.last-news .information .publish span{font-weight: bold;}

#follow-report .search-report input{width: 187%;}
#follow-report .search-report button{padding: 11px 25px;}

/* News */
.news {overflow:hidden; margin:0 0 40px 0}
.news .last_news {float:left; width:180px;}
.news .last_news .note {margin:0 0 20px 0;}
.news .last_news .note img {border:1px solid #000;}
.news .last_news .note p {margin:10px 0 0 0;}
.news .last_news .note p a {font-size:15px;}
.news .last_news .note p a:hover {text-decoration:underline;}
.news .last_news .list_last_notes {margin:0 0 20px 0;}
.news .last_news .list_last_notes ul {margin:0 0 0 20px; padding:0;}
.news .last_news .list_last_notes ul li {margin:0 0 20px 0; color:#00833A;}
.news .last_news .list_last_notes ul li a {font-size:13px;}
.news .last_news a {color:#00833A; text-decoration:none}
.news .last_news a:hover {text-decoration:underline;}
.news .main_news {float:right; width:505px;}
.news .main_news .main_news_img {border:1px solid #000; margin:0 0 15px 0}
.news .main_news h1 {width:455px; color:#00833B; font-size:30px; line-height:35px; margin:0 0 20px 0}
.news .main_news h1 a {color:#00833B; text-decoration:none}
.news .main_news h1 a:hover {text-decoration:underline;}
.news .main_news .main_news_intro {width:430px; font-size:13px; color:#333}
.news .main_news .main_news_intro p {line-height:16px; margin:0 0 12px 0}
.news .main_news .main_news_intro .news_opts a {border-right:1px solid #333; padding:0 7px}
.news .main_news .main_news_intro .news_opts a img {margin:0 5px 0 0;}

/* Services */
.services {margin:0 0 40px 0;}
.services h2 {color:#FFF; font-size:20px; padding:10px; width:615px; background:url(../../img/bg_titles.png) no-repeat top right #8FBE3A; margin:0 0 20px 0}
.services .list_services {font-size:12px; width:635px; overflow:hidden}
.services .list_services ul {padding:0 0 0 20px; margin:0; float:left; width:185px;}
.services .list_services ul li {margin:0 0 15px 0; color:#8FBE3A; padding:0 10px 0 0;}
.services .list_services ul li a {color:#333; text-decoration:none;}
.services .list_services ul li a:hover {text-decoration:underline; color:#000}

/* Profiles */
.profiles {overflow:hidden; width:505px; font-size:12px;}
.profiles .citizens {width:245px; float:left;}
.profiles .entrepreneurs {width:245px; float:right;}
.profiles h2 {color:#FFF; font-size:20px; padding:5px 0px 8px 10px; width:225px; background:url(../../img/bg_titles.png) no-repeat top right #8FBE3A; margin:0 0 20px 0}
.profiles h2 span {display:block; font-size:13px;}
.profiles h2 b {font-weight:normal;}
.profiles ul {margin:0 0 0 20px; padding:0;}
.profiles ul li {margin:0 0 15px 0; color:#8FBE3A; padding:0 10px 0 0;}
.profiles ul li a {color:#333; text-decoration:none;}
.profiles ul li a:hover {text-decoration:underline; color:#000}
.profiles .more_info {border:1px solid #D6022B; display:inline-block; zoom:1; *display:inline; background:#FFF; margin:3px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:#BBB 2px 2px 3px; -moz-box-shadow:#BBB 2px 2px 3px; box-shadow:#BBB 2px 2px 3px;}
.profiles .more_info a {display:inline-block; zoom:1; *display:inline; text-decoration:none; font-size:12px; color:#D6022B; padding:7px 12px 7px 50px;}
.profiles .more_info strong {display:block; font-size:20px;}
.profiles .more_info_citizens {background:url(../../img/icons/citizens.png) no-repeat 10px 10px;}
.profiles .more_info_entrepreneurs {background:url(../../img/icons/entrepreneurs.png) no-repeat 10px 10px;}

/* Sidebar contact */
.sidebar_contact {margin:0 0 25px 0;}
.sidebar_contact h2 {display:block; font-size:22px; margin:0 0 10px 0}
.sidebar_contact h2 img {vertical-align:middle; margin:0 6px 0 0;}
.sidebar_contact h2 strong {color:#EA393D;}
.sidebar_contact .sidebar_nav {overflow:hidden;}
.sidebar_contact .sidebar_nav ul {margin:0; padding:0; list-style-type:none;}
.sidebar_contact .sidebar_nav ul li {float:left; padding:0 0 11px 0; background:#EFEFEF}
.sidebar_contact .sidebar_nav ul li a {display:block; padding:0 25px 0 15px; width:82px; height:36px; line-height:36px; text-align:center; font-size:16px; color:#8EBE39; background:#FFF; text-decoration:none; font-family: 'Roboto', sans-serif;}
.sidebar_contact .sidebar_nav ul li.selected_tab {background:url(../../img/bg_selected_tab.png) no-repeat 15px 36px #EFEFEF;}
.sidebar_contact .sidebar_nav ul li.selected_tab a {color:#FFF; background:#8EBE39;}
.sidebar_contact .sidebar_content {background:#EFEFEF; padding:10px; font-size:13px; color:#333}
.sidebar_contact .sidebar_content .sidebar_info {display:none;}
.sidebar_contact .sidebar_content .sidebar_info span {display:block; margin:0 0 8px 0}
.sidebar_contact .sidebar_content .sidebar_info .textarea {background:#FFF; border:1px solid #333; width:196px; font-style:italic; color:#333; font-size:13px; padding:10px; font-family:'Roboto', sans-serif;}
.sidebar_contact .sidebar_content .sidebar_info .input_text {background:#FFF; border:1px solid #333; width:196px; font-style:italic; color:#333; font-size:13px; padding:8px 10px; font-family:'Roboto', sans-serif;}

/* Processed */
.processed .send_processed {background:url(../../img/btn/buscar.jpg) no-repeat; width:95px; height:29px; border:none; cursor:pointer; margin:8px 0 30px 0;}
.processed h4 {width:175px; color:#FFF; padding:4px 5px; background:url(../../img/bg_titles_sidebar_home.png) no-repeat right top #CCC; margin:0 0 10px 0}
.processed select {margin:0 0 30px 0; width:185px;}

/* Report */
.report .textarea {margin:0 0 15px 0;}
.report .report_tip {margin:8px 0 0 0; background:url(../../img/bg_report_tip.jpg) no-repeat 175px 0; padding:15px 0 0 0}
.report .report_tip span {display:block; padding:13px; background:#FFF}
.report .send_report {background:url(../../img/btn/continuar.jpg) no-repeat; width:95px; height:29px; border:none; cursor:pointer; margin:10px 0 0 0;}

/* Need help */
.need_help {margin:30px 0 20px 0;}
.need_help h3 {font-size:18px; color:#8EBE39; margin:0 0 15px 0}
.need_help ul {margin:0; padding:0; list-style-type:none}
.need_help ul li {margin:0 0 10px 0;}
.need_help ul li img {vertical-align:middle; margin:0 9px 0 0;}

/* Downloads */
.download_apps {margin:0 0 10px 0;}
.download_apps .download_link {margin:0 0 5px 0;}
.download_apps .download_link img {vertical-align:middle; margin:0 5px 0 0}

/* Agenda */
.agenda {margin:25px 0 0 0; font-size:12px;}
.agenda h2 {color:#000; margin:0}
.agenda h2 span {color:#EA393D;}
.agenda .event {margin:15px 0 0 0;}
.agenda .data_event {overflow:hidden; margin:0 0 15px 0}
.agenda .data_event .date_event {float:left; width:95px;}
.agenda .data_event .date_event strong {font-size:14px; font-weight:normal; display:block; height:21px; line-height:21px; background:#EA3A3D; text-align:center; color:#FFF}
.agenda .data_event .date_event span {display:block; height:60px; line-height:60px; color:#FFF; background:#333; font-size:50px; text-align:center}
.agenda .data_event .title_event {float:right; width:140px;}
.agenda .more_info_event {line-height:16px; margin:0 0 5px 0}
.agenda .more_info_event em {font-style:normal; display:block; margin:0 0 10px 0}
.agenda a {font-size:13px;}

.home-container p{margin-top: 20px;}
.home-container .attention-pane {margin-top: 40px;}
.home-container .attention-pane .attention-container {margin-bottom: 20px;}
.home-container .search-report button {margin-top: -45px; margin-left: -153px; position: absolute;}
.home-container .search-report input {width: 244px;}