/*
 Theme Name:	City Regions
 Description:	Twenty Twelve Child Theme
 Author:		Julio Iturre
 Template:		twentytwelve
 Version:		1.0
 Tags:			green, two-columns, left-sidebar, responsive-layout
 Text Domain:	twentytwelve-child
*/
@import url("../twentytwelve/style.css");
/*fonts*/
@import url("fonts/pack-1/stylesheet.css");
@import url("fonts/pack-2/stylesheet.css");
@import url(//fonts.googleapis.com/css?family=Arimo:400,700);/*font-family: 'Arimo', sans-serif;*/
/* =Theme customization starts here -------------------------------------------------------------- */
/*-------header--------*/
body *{
	font-family: 'liberation_sansregular', Helvetica, Arial, sans-serif;
	color: #000000;
}
a, a *{
	text-decoration: none;
	color: #137d00;
}
a:hover, a:hover *{
	color: #FF0000;
}
body .site {
	margin: 0; padding: 0;
	background: none;
	box-shadow: none;
	width: 100%;
	max-width: 100%;
}
header.site-header{
	background: #FFFFFF;
	margin: 0; padding: 0;
}
div.social-icons{
	max-width:1000px;
	height: 23px;
	margin: 8px auto;
	text-align: right;
	padding: 15px 50px 5px 0;
}
div.social-icons table{
	float: right;
}
div.social-icons a{
	display: inline-block;
	width: 23px; height: 23px;
	overflow: hidden;
	position: relative;
	padding: 0px;
}
div.social-icons a:hover > img{
	top: auto; bottom: 0;
}

div.social-icons a:hover > i{
	color: #83a1bf;
}

div.social-icons a:hover{
	transition: transform 5ms;
	transform: translateY(-5px);
}

div.social-icons a img{
	width: 23px;
	height: 46px;
	position: absolute;
	left: 0; top: 0;
}

div.social-icons a i{
	color: #ffffff;
}

header .logobgreen{
	background: #42A62A;
	background: -webkit-linear-gradient(left, #42A62A , #007831); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #42A62A, #007831); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #42A62A, #007831); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #42A62A , #007831); /* Standard syntax */
	color:#FFFFFF;
}
header .logobgreen .site-logo{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}
header .logobgreen .site-logo .logo1{
	float:left;
	margin: 10px 10px 10px 30px;
}
.dlogo2{
	text-align: left;
	padding: 25px 0 0;
}
header .logobgreen .site-logo .logo2{
/*	float:right;
	/*margin: 20px 30px 0 0;*/
}
header .logobgreen .site-logo span.site-description{
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	margin: 20px 0 0;
	display: none;
/*	float: right;
	margin: 0 50px 0 0;*/
}
.agclear{ clear: both; }
/*-----------------content-------------------*/
div#contentbg{
	background:#010101 url(images/backg.jpg) no-repeat center top;
}
div.wrapper{
	background: #ffffff;
	max-width: 1000px;
	margin: 0 auto;
}
/*navmenu*/
nav.main-navigation *, nav.main-navigation ul.nav-menu, nav.main-navigation ul.nav-menu *{
	border: none;
	text-align: center;
}
nav.main-navigation ul.nav-menu{
	margin-left: 4px;
}
nav.main-navigation ul.nav-menu li.menu-item{
	float: left;
	margin: 35px 2px 0;
}
nav.main-navigation ul.nav-menu li.menu-item-has-children{
	width: 248px;
	margin: 7px 0 0;
}
nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu{
	display: block;
	margin: 5px 0 0;
}
nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li{
	margin-top: 0;
}
nav.main-navigation ul.nav-menu li.menu-item a, nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li a{
	background: url(images/bg_menur.png) no-repeat center top;
	font-family: 'Arimo', sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	display: table-cell;
	padding: 0 7px 0;
	margin: 0;
	width: 106px; height: 120px;
	text-align: center;
	word-wrap: break-word;
	line-height: 12px;
	white-space: normal;
	vertical-align: middle;
}
nav.main-navigation ul.nav-menu li.menu-item-728 a, nav.main-navigation ul.nav-menu li.menu-item-755 a{
	font-size: 22px;
}
nav.main-navigation ul.nav-menu li.menu-item-has-children a{
	background: none;
	color: #019247;
	display: block;
	padding: 0;
	width: auto; height: auto;
	margin: 0 auto;
	text-align: center;
	word-wrap: break-word;
}
nav.main-navigation ul.nav-menu li.menu-item-has-children a:hover, nav.main-navigation ul.nav-menu li.current-menu-item.menu-item-has-children a{
	color: #FF0000;
}
nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li:first-child a{
	background: url(images/bg_menui.png) no-repeat center top;
}
nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li:last-child a{
	background: url(images/bg_menud.png) no-repeat center top;
}
nav.main-navigation ul.nav-menu li.menu-item a:hover, nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li a:hover, nav.main-navigation ul.nav-menu li.current-menu-item a, nav.main-navigation ul.nav-menu li.menu-item-has-children ul.sub-menu li.current-menu-item a{
	background-position: center bottom;
}
/*navmenu*/
/*mapa*/
div#dmapa{
/*	background: url(images/mapa.jpg) no-repeat;
	height: 500px;*/
	position: relative;
	margin: 20px 0 0;
}
div#dmapa img{
	width: 100%;
}
div#mapa_menu{
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}
div#mapa_menu ul.nav-menu{
	list-style: none;
	//margin-left: 4px;
}
div#mapa_menu ul.nav-menu li.menu-item{
	display: inline-block;
	margin: 0;
}
div#mapa_menu ul.nav-menu li.menu-item a{
	background: url(images/bg_menu_mapa.png) no-repeat center top;
	font-family: 'Arimo', sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	color: #069349;
	display: table-cell;
	padding: 0 2px 0;
	width: 116px; height: 120px;
	text-align: center;
	word-wrap: break-word;
	line-height: 12px;
	margin: 0;
	white-space: normal;
	text-transform: uppercase;
	vertical-align: middle;
}
div#mapa_menu ul.nav-menu li.menu-item a:hover{
	background-position: center bottom;
	color: #ffffff;
}
div.pinmapa{
	background: url(images/pin_mapa.png) no-repeat center top;
	width: 13px;
	height: 13px;
	position: absolute;
}
div.pinmapa:hover, div.pinhover{ background-position: center bottom; }
div#pm1{ left:191px; top:143px; }
div#pm2{ left:431px; top:80px; }
div#pm3{ left:465px; top:104px; }
div#pm4{ left:458px; top:118px; }
div#pm5{ left:476px; top:121px; }
div#pm6{ left:471px; top:147px; }
div#pm7{ left:481px; top:154px; }
div#pm8{ left:504px; top:112px; }
/*mapa*/
/*text content*/
.site-content{
	font-size: 16px;
}
.site-content article h1, .entry-header .entry-title{
	font-family: 'liberation_sansbold';
	margin-top: 90px;
	padding-bottom: 5px;
	position: relative;
	border-bottom: #000000 solid 2px;
	font-weight: bold;
	font-size: 26px;
}
.site-content article h3, .site-content article h2, .site-content article h2 *, .site-content article h3 *{
	color: #137d00;
}
.site-content .h_bub, .site-content .h_bub2{
	background: url(images/bg_globo_subt.png) no-repeat;
	font-family: 'Arimo', sans-serif;
	font-weight: bold;
	padding: 5px 0 0 5px;
	width: 115px; height: 115px;
	position: absolute;
	left: -125px;
	bottom: 0;
	display: block;
	line-height: normal;
	text-align: center;
	color: #ffffff;
	font-size: 95px;
}
.site-content .h_bub2{
	padding: 25px 0 0 10px;
	width: 110px; height: 95px;
	font-size: 65px;
}
.site-content .h_bub2 span{
	color: #ffffff;
	font-size: 45px;
}
/*text content*/
/*-sidebar-*/
.sidechildsm{
	 padding: 10px;
}
.sidechildsm ul{
	border-bottom: #cccccc solid 1px;
}
.sidechildsm li{
	border-top: #000000 solid 1px;
}
.sidechildsm li a{
	background: url(images/flechita.png) no-repeat right center;
	color: #000000;
	display: block;
	padding: 5px 2px;
	font-size: 16px;
}
.sidechildsm li a:hover, .sidechildsm li.current_page_item a{
	color: #137d00;
	background-color: #cccccc;
}
.sidechildsm li:hover{
	
}
.imgattached ul{
	border: none;
}
.imgattached ul li{
	padding: 40px 0 10px;
}
.imgattached img{
	width: 100%;
}

.widget_text, .widget_yinstagram, .widget_tweetblender{
	padding: 10px;
}
h3.widget-title, .widget-area .widget h3{
	background: #41a62a;
	color: #ffffff;
	font-size: 12px;
	padding-top: 2px;
	padding-left: 5px;
	margin: 0 0 5px;
}
.widget_yinstagram dvd .tb_tweetlist img{
	padding: 0;
}
/*-sidebar-*/
/*table*/
table.tcontcirc{
	border: none;
	margin: 0;
	padding: 0;
	border-spacing: 20px;
    border-collapse: separate;
}
table.tcontcirc td{
	text-align: center;
	margin: 0 0 10px;
	border: none;
	line-height: 15px;
	padding: 0;
}
table.tcontcirc td.tdc{
	border: #cccccc solid 3px;
	border-top: none;
	border-bottom: none;
}
table.tcontcirc td img{
	box-shadow: none;
	margin-bottom: 10px;
}
table.tcontcirc td a{
	font-size: 18px;
	font-weight: bold;
}
table.tcontcirc td a span{
	font-size: 12px;
}
/*table*/
/*contacto*/
ul.contac_ul li{
	list-style: none;
	margin: 0 0 30px 90px;
	position: relative;
	padding-left: 10px;
}
ul.contac_ul li:first-child, ul.contac_ul li:last-child{
	margin-top: 50px;
}
ul.contac_ul li, ul.contac_ul li a{
	line-height: 20px;
}
ul.contac_ul li img{
	position: absolute;
	margin: 0;
	box-shadow: none;
	bottom: 0;
	left: -80px;
}
div.contact_cont{
	width: 650px;
	margin: 0 auto;
	border: #cccccc solid 1px;
}
div.contact_cont .contact_title{
	background: #40A52B;
	color: #ffffff;
	padding: 4px 5px 2px;
	font-size: 15px;
	margin-bottom: 20px;
}
div.contact_cont .ptxt{
	text-align: right;
	margin: 0 4% 10px 0;
}
div.contact_cont .ptxt input{
	width:80%;
}
div.contact_cont .ptarea{
	text-align: left;
	margin: 15px 4%;
}
div.contact_cont .ptarea textarea{
	margin-top: 5px;
	width: 97%;
	height: 100px;
}
div.contact_cont .ptxt #a_ccancel, div.contact_cont .ptxt #btn_send{
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	background: #00892E;
	color: #ffffff;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 25px;
}
div.contact_cont .ptxt #btn_send:hover{
	background: #458458;
}
div.contact_cont .ptxt #a_ccancel{
	background: #E1001A;
}
div.contact_cont .ptxt #a_ccancel:hover{
	background: #DB6778;
}
/*contacto*/
/*----content---*/
/*footer*/
footer[role='contentinfo']{
	color: #000000;
	max-width: 1000px;
	border: none;
	padding: 0;
	margin-top: 15px;
}
.foo_links{
	width: 100%;
	background: #ffffff;
	text-align: center;
}
.foo_links ul{
	list-style: none;
}
.foo_links ul li{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin: 10px 1.5% 0;
}
.foo_info{
	max-width: 1000px;
	background: #ffffff;
	text-align: center;
	margin: 15px 0;
	padding-top: 2px;
}
footer .foo_info a{
	color: #137d00;
	margin-left: 40px;
}
footer .foo_info a:hover{
	color: #FF0000;
	text-decoration: underline;
}
footer .foo_info a.igor{
	margin: 0;
}
/*footer*/
aside.widget_cardoza_3d_tagcloud #myCanvasContainer canvas#myCanvas{
	width: 100%;
}
/* =Responsive Structure
----------------------------------------------- */
@media (max-width:1000px) {
	header .logobgreen .site-logo .logo1{
		float: none;
		margin: 0;
	}
	header .logobgreen .site-logo .logo1 img{
		margin: 10px 0;
	}
	.dlogo2{
		text-align: center;
		padding: 0;
	}
	.pinmapa{
		display: none;
	}
}
@media (max-width:820px) {
	header .logobgreen .site-logo .logo1 img{
		width: 80px;
	}
	.dlogo2{
		margin: 0 5px;
	}
	.dlogo2 img{
		width: 100%;
	}
	div.social-icons{
		padding-right: 20px;
	}
}
@media (max-width:768px) {
	div.contact_cont{
		width: auto;
	}
}
/** NUEVO **/
@media (max-width: 650px){
	nav.main-navigation ul.nav-menu{margin: 0 auto;width: 50%;}
	nav.main-navigation ul.nav-menu li.menu-item{ float: none; margin: 0;}
	nav.main-navigation ul.nav-menu li.menu-item-has-children{
		clear: both;margin: 7px 0 0;width: 87%;
	}
	.main-navigation li ul{position: relative;top: 0%;}
}
/** NUEVO **/
@media (max-width:600px) {
	div#mapa_menu ul.nav-menu li.menu-item a{
		background-size: 100% 200%;
		font-size: 14px;
		width: 106px; height: 110px;
	}
	div.social-icons{
		padding-top: 10px;
		padding-right: 10px;
	}
	div.social-icons a{
		margin-left: 10px;
	}
	.site-content{
		padding: 0 10px;
	}
	.site-content .h_bub, .site-content .h_bub2{
		display: none;
	}
	nav.main-navigation ul.nav-menu{margin: 35px 2px 0 0;width: auto;}
	nav.main-navigation *, nav.main-navigation ul.nav-menu, nav.main-navigation ul.nav-menu * { margin: 10px 0 0; }
	nav.main-navigation ul.nav-menu li.menu-item{display: inline;float: none;}
/*	footer .foo_info a.igor{display: block;}
	footer .foo_info a{display: inline; margin: 0 20px;}*/
	.sidechildsm li a{
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.foo_links ul li{
		display: block;
	}
	.foo_links ul{
		padding-top: 8px;
	}
	footer .foo_info a{
		display: block;
		border-top: #cccccc solid 1px;
		margin: 0;
		padding: 6px 0;
	}
}
@media (max-width:480px) {
	div#mapa_menu{
		bottom: auto;
		top: 10px;
	}
	div#mapa_menu ul.nav-menu li.menu-item a{
		background-size: 100% 200%;
		font-size: 10px;
		width: 66px; height: 70px;
	}
	
}
/*------ move sidebar to the left -----*/
@media screen and (min-width: 600px) {
    .site-content {
        float: right;
		width: 55%;
		margin-right: 10%;
    }
    .widget-area {
        float: left;
		width: 27.5%;
		padding: 150px 0 0;
		margin-left: 5.5%;
    }
}
/* for IE8 and IE7 ----*/
.ie .site-content {
    float: right;
}
.ie .widget-area {
    float: left;
}
/*-- move sidebar to the left --*/