@charset "utf-8";
/* CSS POLITI MUANI & ASOC */
@import url('fuentes/fonts.css');

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}

ul{
	list-style:none;
}

/*images - make them fit to their containers
img,video,object,embed, .video iframe	{max-width:100%;vertical-align: baseline;}*/

body{
	background-color:#FFF;
}

img{
	border:none;
}

::-moz-selection { background: #669966; color: #fff; }
::selection { background: #669966; color: #fff; }

.clear{
	clear:both;
}

header{
	background:#669966;
	border-bottom: 5px solid #000;
}

header .menu { display:none; margin-bottom:10px; margin-top:0px; height:auto; width:100%;  padding: 5px 10px; font-weight:800; text-transform:uppercase; outline:0; -webkit-appearance: none; -moz-appearance: none; background-image: url(../img/select-bg.png); background-position: right center; background-repeat: no-repeat; color:#000; font-family:"Times New Roman", Times, serif; border:none; }

#content-header{
	max-width:964px;
	margin:0 auto;
	padding:20px 20px 15px 40px;
}

.logo{
	float:left;
	max-width:241px;
	margin-right:49px;
}
/*MENU DESPLEGABLE*/
#top_links {
	position:absolute;
	top:92px;
	z-index:100;
	width:100%
}
.initNav {text-align:center; background-color:#3CC}
.initNav p{
	position:absolute;
	top:-53px;
	left:50%;
	margin-left:-40px;
	width:110px;
	height:53px;
}
.initNav .desplegar {
	text-decoration:none;
	color:#FFF;
	background: url(../img/flecha.png) no-repeat center bottom;
	padding-bottom:10px;	
}
.navBlock {
	display:none;
	height:182px;
	position:relative;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	padding: 7px 4px 4px 4px;
	background-color:#fff;
}
.contentnav{
	max-width:904px;
	margin:0 auto;
	padding:20px 0;
}
.contentnav ul {
	list-style:none;
	float: left;
	font-size:14px;
}
.contentnav ul li.nivel1 { 
	width: 170px;
	/*menu principal*/
}

.contentnav ul.nivel2 li.nivel1{
	width:100px;	
}

.contentnav ul.nivel2 ul.nivel3 li a{
	width:300px;
}

.contentnav ul.nivel2 ul.nivel4 li a{
	width:220px;
}

.contentnav #nav .nivel5{
	padding-left:150px;
}

.contentnav ul li a {
	display: block;
	text-decoration: none;
	color: #000;	
	padding: 5px 0;
	position: relative;
}
.contentnav ul li:hover {
	position: relative;	
	color: #000;
}
.contentnav ul li a:hover, .contentnav ul li:hover > a.nivel1 {	
	color: #669966;
	position: relative;
}
.contentnav ul li:hover > a.nivel1 {
	background:url(../img/flecha_menu.png) no-repeat center right;
}
.contentnav ul li a.nivel1 {
	display: block!important;
	display: none;
	position: relative;
}

.contentnav ul li ul {
	display: none;
}

.contentnav ul li a:hover ul, .contentnav ul li:hover > ul {
	display: block;
	position: absolute;
	left: 168px;
	top:-1px !important;
}
.contentnav ul li ul li a {
	width: 106px;
	color: #000;
	font-family:"Times New Roman", Times, serif !important;
	font-size:14px !important;
	padding:0 0 2px 45px;
}
.contentnav ul li ul li a:hover ul, .contentnav ul li ul li:hover > ul {
	display: block;
	position: absolute;
	left: 150px;
	top:-20px !important;
}
.contentnav ul li ul li a.uno{
	padding:5px 0 5px 45px;
}
.contentnav ul li ul li a:hover {
	position: relative;
	color: #669966;
}
/*FIN MENU DESPLEGABLE*/

.normal{
	font-family:"Times New Roman", Times, serif;
}

.trajanpro{
	font-family:'trajan_proregular', sans-serif;
}

.trajanprobold{
	font-family:'HelveticaLight', sans-serif;
}

.contenido{
	max-width:984px;
	margin:0 auto;
}

.divider-left{
	border-left: 6px solid  #000;
	padding-left:36px;	
	/*margin-right:40px;*/
}

.flotaleft{
	float:left;
	position:relative;
}

/*columns*/
	.c-1-16				{width:6.25%;}	
	.c-1-12				{width:8.3333%;}
	.c-2-16				{width:12.5%;}
	.c-2-12				{width:16.6666%;}
	.c-3-16				{width:18.75%;}
	.c-1-5				{width:20%;}
	.c-4-16				{width:25%;}
	.c-3-12,.c-4-16 	{width:25%;}
	.c-5-16				{width:31.25%;}
	.c-4-12 			{width:33.3333%;}
	.c-6-16				{width:37.5%;}
	.c-2-5				{width:40%;}
	.c-5-12				{width:41.6666%;}
	.c-7-16				{width:43.75%;}
	.c-6-12,.c-8-16 	{width:50%;}
	.c-9-16				{width:56.25%;}
	.c-7-12				{width:58.3333%;}	
	.c-3-5				{width:60%;}
	.c-10-16			{width:62.5%;}
	.c-8-12 			{width:66.6666%;}
	.c-8-12				{width:66.6666%;}
	.c-11-16			{width:68.75%;}
	.c-9-12,.c-12-16	{width:75%;}
	.c-4-5				{width:80%;}	
	.c-13-16			{width:81.25%;}
	.c-10-12			{width:83.3333%;}
	.c-14-16			{width:87.5%;}
	.c-11-12			{width:91.6666%;}
	.c-15-16			{width:93.75%;}

.row{
	padding:60px 0px 60px 40px;
	position:relative;
}


/*set columns float:left */
	.row > [class*='c-'] {	float:left; position:relative;}
	.row2 > [class*='c-'] {	float:left; position:relative;}
	.row a {font-style:italic;}

/* Tipografia */

	body{ 
		font: 12px/1.3 "Times New Roman", Times, serif; /*default*/
		color:#669966;
	} 
	 
	h1 {
		font-weight:normal;
		margin-bottom:12px;
	}
	
	.sub-title {font-size:12px;}
	h1,.h1	{font-size:20px;	color:#000;}
	h2,.h2	{font-size:16px;	color:#000;}
	h3,.h3	{font-size:15px; 	color:#000;}
	h4,.h4	{font-size:14px; 	color:#000;}
	h5,.h5	{font-size:14px; 	color:#669966;}
	h6,.h6	{font-size:13px; 	color:#000;}
	label 	{font-size:14px;	color:#000; float:left; width:80px; padding-left:16%;}
	
	/* START title formats --also see the related font css*/
	
		/*sub-title*/
		.sub-title,.post-info {
			color:#919699;
			margin-top:-12px;
			display:block;
			margin-bottom:12px;
		}	

		
		/*title-format-1*/	
		.section-title,
		.widget .title,
		.title-format-1, .title-format-flecha{
			text-transform:uppercase;
			color:#000;
			font-family:'trajan_proregular', sans-serif;
		}
		
		/*titulo con flecha*/
		.title-format-flecha{
			background:url(../img/flecha_titulo.png) no-repeat center right;
		}
		
		/*titulo profesionales*/
		.title-prof{
			border-bottom:1px solid #000;
			border-right:1px solid #000;
		}
		
		/*title-format-2*/
		.demention-caption .title,
		.title-format-2, .title-prof, .sub-title-item {
			font-weight:bold;
			font-family:"Times New Roman", Times, serif;
			color:#000;
		}
		
		.sub-title-item a{
			font-style:normal !important;
			line-height:20px !important;
		}
		
		.sub-title-item a:hover, .sub-title-activo{
			background:url(../img/flecha_menu.png) no-repeat center right;
			padding-right:20px;
			color:#669966;
		}
		
		/*volver*/
		.volver{
			background-color:#669966;
			margin:10px 20px 0 0;
			padding:5px;
		}
		.volver a{
			color:#FFF !important;
			font-weight:normal !important;
		}
		
		/*imagen servicio*/
		.imagen{
			border-left:8px solid #669966;
		}
		
		.imagen img{
			width:100%;
			float:left;
		}
		
		/*estudio*/
		.ver-instalacion{
			float:right;
			background-color:#669966;
			padding:5px 15px;
			margin-right:10px;
		}
		
		.ver-instalacion a{
			color:#FFF !important;
			font-style:normal !important;
			font-weight:normal;
			background:url(../img/flecha2.png) no-repeat center left;
			padding-left:15px;
		}
		
		.ver-instalacion:hover{
			background-color:#000;
		}
		
		/*title-format-3*/
		.sub-title,
		thead,
		#page-header .title,#page-header .sub,
		.accordion .header,.tabbed .tabs ,
		.success .title,.info .title,.alert .title,.error .title,.notes .title,
		blockquote,
		.pricing.box .title, .pricing.box .price small,
		.comment .name,
		.twitterStatus,
		.title-format-3{
			font-style:italic;
			font-weight:normal;
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
			font-family: Georgia,Serif; /*default*/			
		}

		/*section-title*/
		.section-title {
			border-bottom: 1px solid #D7DBDD;
			margin: 65px 0 30px;
			padding:8px 0;
			color:#545E68;							
			position:relative;	
			font-size: 13px;			
		}			

	/* END title formats*/

	
	/*Custom font sizes*/
	.f-11 		{font-size:11px;}
	.f-12		{font-size:12px;}
	.f-13		{font-size:13px;}
	.f-14		{font-size:14px;}
	.f-15		{font-size:15px;}
	.f-16 		{font-size:16px;}
	.f-20 		{font-size:20px;}
	.f-24 		{font-size:24px;}
	.f-27 		{font-size:27px;}
	.f-35 		{font-size:35px;}
	.f-45 		{font-size:45px;}
	.f-50 		{font-size:50px;}
	.f-60 		{font-size:60px;}
	
	.hide-text {text-indent:-999em;}
	
	p {
		margin-bottom: 10px;
		line-height:1.35em;
	}
	
	strong ,b,.bold 	{font-weight:bold;}
	strong 				{color:#3A3A3A;}
	em, i, cite,.italic {
		font-style: italic; 
		font-family: georgia;
	}
	cite {
		font-size:80%;
		color:#75828C;
	}
	small,.small		{font-size:70%;}
	
	.f-weight-normal {font-weight: normal !important;}
	.f-style-normal	 {font-style: normal !important;}
	
	
	abbr[title], dfn[title],
	.more-info{
		border-bottom:2px dotted gray;
		cursor:help;
		color:black;
	}	
	
	blockquote {
		font-size:12px;
		color:#626B72;
		padding:0 0 0 27px;
		margin-bottom:15px;
		position:relative;
	}
		blockquote:after {
			position:absolute;
			content:'"';
			font-size:40px;
			color:#D0D9E0;
			width: 50px;
			top:-5px;
			left:0;
			font-family:arial;
		}
		
		blockquote p {margin-bottom:10px;}
	
	figure {margin:10px 0;}
	
	code,pre{
		background:#43474F;
		color:white;
		font-family:monospace,consolas,sans-serif;
		font-weight:normal;
		font-style:normal;		
		text-shadow:0 1px 0 rgba(0, 0, 0, 0.6);
	}

	pre{
		margin:5px 0 20px 0;
		line-height:1.3em;	
		padding:8px 10px;
		overflow:auto;
	}

	code {
		padding:0 8px;
		line-height:1.5;
	}
	
	mark,.mark{
		padding:1px 6px;
		margin:0 2px;
		color:black;
		background:#FFD700;
	}
		
	address {margin:10px 0}
	

	a {
		text-decoration:none;
		color:#669966;		
	}
	a:hover {color:#000000;}
	a:link, a:visited, a:active {text-decoration: none;}
	
	.mark-links a:not(.button):not(.image){
		background:rgba(255,221,2,0.3); 
		text-decoration: underline;
	}
	.mark-links a:not(.button):not(.image):hover{background:rgba(255,221,2,0.3);}
	
	.no-link-color a {color:inherit;}
	
	.underline 	{text-decoration: underline !important;}
	
	.center-text,
	.center-image{text-align:center;}	
	
	.lowercase	{text-transform: lowercase;}
	.uppercase	{text-transform: uppercase;}

	
	.dropcap{
		background: none repeat scroll 0 0 #8A97A4;
		color: white;
		display: block;
		float: left;
		font-size:30px;
		line-height: 42px;
		margin: 3px 5px -3px 0;
		text-align: center;
		width: 42px;
	}	
	
	:target {
	}

/*IMPORTANT : THE BELLOW CLASSES ARE NOT A PART OF DEMENTION GRID. DO NOT ADD THEM TO COLUMN (c-*-*) ITSELF , ADD THEM TO INNER ELEMENTS INSTEAD. */
	/*predefined margins and paddings -- */
	
	/*margin*/
	.m-0 			{margin:0px;}
	.m-1 			{margin:10px;}
	.m-2,.m			{margin:20px;}
	.m-3			{margin:30px;}	
	.m-4			{margin:40px;}	
	
	.m-elastic			{margin:10% 20%;}	
	
	/*padding*/
	.p-1 			{padding:10px;}
	.p-2,.p 		{padding:20px;}
	.p-3 			{padding:30px;}
	.p-4 			{padding:40px;}
	
	.p-elastic 			{padding:10% 20%;}
	
	/*margin left*/
	.m-l-1 		 {margin-left:10px;}	
	.m-l-2 ,.m-l {margin-left:20px;}	
	.m-l-3		 {margin-left:30px;}	
	.m-l-4		 {margin-left:40px;}	
	
	/*margin right*/
	.m-r-1 		 {margin-right:10px;}	
	.m-r-2 ,.m-r {margin-right:20px;}	
	.m-r-3		 {margin-right:30px;}	
	.m-r-4		 {margin-right:40px;}		

	
	/*margin bottom*/
	.m-b-0 		 {margin-bottom:0px !important}	
	.m-b-1 		 {margin-bottom:10px}
	.m-b-2 ,.m-b {margin-bottom:20px}
	.m-b-3		 {margin-bottom:30px}	
	.m-b-4		 {margin-bottom:40px}	
	.m-b-5		 {margin-bottom:50px}	
	.m-b-6		 {margin-bottom:60px}	

	/*margin top */
	.m-t-0 		 {margin-top:0px !important}
	.m-t-1 		 {margin-top:10px}
	.m-t-2 ,.m-t {margin-top:20px}
	.m-t-3		 {margin-top:30px}	
	.m-t-4		 {margin-top:40px}		
	.m-t-5		 {margin-top:50px}		
	.m-t-6		 {margin-top:60px}		

	/*padding left*/
	.p-l-1 ,.p-l{padding-left:10px;}	
	.p-l-2 	{padding-left:20px;}	
	.p-l-3 	{padding-left:30px;}	
	.p-l-4 	{padding-left:40px;}	
	
	/*padding right*/
	.p-r-1		 {padding-right:10px;}	
	.p-r-2 ,.p-r {padding-right:20px;}	
	.p-r-3		 {padding-right:30px;}	
	.p-r-4		 {padding-right:40px;}	
	
	/*padding bottom*/
	.p-b-1		 {padding-bottom:10px;}	
	.p-b-2 ,.p-b {padding-bottom:20px;}	
	.p-b-3		 {padding-bottom:30px;}	
	.p-b-4		 {padding-bottom:40px;}	
	
	/*padding top*/
	.p-t-1		 {padding-top:10px;}	
	.p-t-2 ,.p-t {padding-top:20px;}	
	.p-t-3		 {padding-top:30px;}	
	.p-t-4		 {padding-top:40px;}




.sociales{
	float:right;
	padding-top:10px;
}

.sociales a{
	margin:0 20px 0 0;	
	width:27px; 
	height:27px; 
	position:relative;
	float:left;
}
.sociales a .fb-rollover{
	display:inline; 
	position:absolute; 
	top:0; 
	left:0;
	width:27px; 
	height:27px; 
	background:url(../img/fb-hover.png) no-repeat top left;	
}
.sociales a .twitter-rollover{
	display:inline; 
	position:absolute; 
	top:0; 
	left:0;
	width:27px; 
	height:27px;  
	background:url(../img/twitter-hover.png) no-repeat top left;	
}

footer{
	background-color:#000;
	padding:25px;
}

#navigation_inf{
	max-width:907px;
	margin:0 auto;	
}

#navigation_inf .logo{
	float:left;
	margin:0 90px 0 0;
}

#navigation_inf ul{
	list-style:none;	
	font-size:12px;
	line-height:21px;
	float:left;
}

#navigation_inf ul li{
	display:inline;
	margin:0 20px;
}

#navigation_inf ul li.first{
	margin:0 20px 0 0;
}

#navigation_inf ul li.last{
	margin:0 0 0 20px;
}

#navigation_inf a{
	color:#FFF;
}

#navigation_inf a:hover, #navigation_inf .activo {color:#669966;}

/*formulario*/

.entrada, .area{
	background:none;
	border: 1px solid #000;	
	margin:0 0 30px 0;	
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#669966;
}

.entrada{
	width:60%;
	line-height:20px;
	padding:0 10px;	
}

.area{
	height:107px;
	width:98%;
	padding:1%;
}

.area_interna{
	margin-left:16%; padding-left:80px; width:63%;
}

#button, #button2{
	background-color:#000;
	border:none;
	font-size:14px;
	color:#FFF;
	font-family:"Times New Roman", Times, serif;
	cursor:pointer;
	padding:5px;
}

#button{
	float:left;
}

#button2{
	float:right;
}

#button:hover, #button2:hover{
	background-color:#669966;
}

/*mapa*/
.gmap3{
	height:395px; 
	width:546px; 
	max-width:100%; 
	max-height:auto;
}

#mapa{
	position:absolute; 
	top:0; 
	left:16%;
}

/*-INTOUCH-*/
.by{
	float:right;
}

/*_________________________________________________________________________________________________________	
	
	[7.0] OPTIMIZATIONS FOR DIFFERENT SCREEN SIZES AND DEVICES 
	___________________________________________________________
	NOTES
	 .PLEASE READ THE THE DOCUMENTATION TO LEARN MORE ABOUT PREMADE CLASSES.
___________________________________________________________________________________________________________*/


	/*hide small-screens-only elements from other views*/	
	.ss-only,.ss-show {display:none !important;}
	
	

	/*START  (min-width:1024px) large-screens-only styles (including iPad landscape)*/	
	@media all and (min-width:1024px) {
	
		#primary-slider {min-height:320px;}
		
	}
	/*END (min-width:1024px)large-screens-only styles (including iPad landscape)*/


	/*START (max-width:980px) - MAINLY TARGET PORTRAIT MODES OF TABLETS(INCLUDING THE IPAD)*/
	@media all and (max-width:980px) {
	
		/*Page , container maximum width*/
		#page,.container {max-width:768px;}
		
		/*next,prev arrows position*/
		.flex-direction-nav  {top: 35%;}
		
		/*font sizes*/
		.pricing.box .price span {
			font-size:30px;
		}
		.pricing.box .title {font-size: 20px;}
		
		/*.pricing.box ul	{padding:10px;}	*/
		
		/*portrait cols extend demention grid*/
		.portrait-no-floating > [class*='c-'] {
			float:none;
			width:100%;
			margin-right:auto;
			margin-left:auto;
			left:auto;
			right:auto;
			padding:5px 0;	
		}
		
		.portrait-2-col > [class*='c-'] {width:50%;}	
		.portrait-3-col > [class*='c-'] {width:33.3333%;}			
		.portrait-4-col > [class*='c-'] {width:25%;}			

		
	}	
	/*END (max-width:980px) -- MAINLY TARGET PORTRAIT MODES OF TABLETS*/ 	


	/*
	-START SMALL SCREENS - screens (resolution-width) that are smaller than 601px , or device width smaller than 481px
	-Covers 320px (iphone/some android phones portrait), 480px (iphone/some android phones landscape) and many other smartphones
	*/
	@media (max-width: 767px) {
		#top_links { display:none; }
		#content-header .menu { display:inline-block; }
		#content-header .logo { float:none; margin:10px auto;}
		
		/*We don't need floats on small screens*/
		.row:not(.ss-float) > [class*='c-'], .row2:not(.ss-float) > [class*='c-'] {
			float:none;
			width:100%;
			margin-right:auto;
			margin-left:auto;
			left:auto;
			right:auto;
			padding:5px 0;	
		}
		.force-left			{float:none !important;} 
		.force-right		{float:none !important;}

		/*remove margin of gutter-width-* */
		[class*='hybrid'][class*='-l']:not(.ss-float),
		[class*='hybrid'][class*='-r']:not(.ss-float),
		.row:not(.ss-float), .row2:not(.ss-float){
			margin-left:auto;
			margin-right:auto;
			padding-left:0;
			padding-right:0;
		} 
			/*.row .g {margin-left:auto; margin-right:auto;}*/ 
			.row:not(.ss-float) .g {margin-left:auto; margin-right:auto;}		
	}
	
	@media screen and (max-width:600px) , 
		   screen and (max-device-width: 480px){ /*mm good enough ?*/
		     
		  /*contacto*/ 
		  .area_interna, label{
			  margin-left:0;
			  padding-left:0;			  
		  }
		  .entrada{
			  width:90%;
		  }
		  .area_interna{
			  width:93%;
		  }
		  #mapa{
				left:0;
				width:93%;
			}
			
		/*avoid automatic text adjusting in some modern mobile browsers*/		
		html {
			-ms-text-size-adjust: none;
			-webkit-text-size-adjust: none;
		} 


		#ss-top {border-top: 2px solid;}
		
		/*Page , container maximum width*/
		#page,.container {
			max-width:400px;
			padding-left:12px;
			padding-right: 12px;			
		}
		
		.flotaleft { float:none;}
		.semi-left ,.semi-right {float:none;}
		.ss-left {float:left;}
		.ss-right{float:right;}
		.ss-center {text-align:center;}		
		
		.ss-hide			{display:none !important;}
		.ss-show,.ss-only	{display:block !important;}
		.ss-block			{display:block;}
		
		.ss-full-width {
			width:100% !important;
			margin:30px 0 !important;
			padding:0 !important;
			display:block;
		}
		.ss-no-padding {padding:0 !important;}
		.ss-no-margin {margin:0 !important;}
		.ss-no-border {border:none !important;}
		
		
		/*START demention grid for small screens*/
	
		/*We don't need floats on small screens*/
		.row:not(.ss-float) > [class*='c-'], .row2:not(.ss-float) > [class*='c-'] {
			float:none;
			width:100%;
			margin-right:auto;
			margin-left:auto;
			left:auto;
			right:auto;
			padding:5px 0;	
		}
		.force-left			{float:none !important;} 
		.force-right		{float:none !important;}

		/*remove margin of gutter-width-* */
		[class*='hybrid'][class*='-l']:not(.ss-float),
		[class*='hybrid'][class*='-r']:not(.ss-float),
		.row:not(.ss-float), .row2:not(.ss-float){
			margin-left:auto;
			margin-right:auto;
			padding-left:0;
			padding-right:0;
		} 
			/*.row .g {margin-left:auto; margin-right:auto;}*/ 
			.row:not(.ss-float) .g {margin-left:auto; margin-right:auto;} 
			
			
		/*small-screen cols extend  demention grid columns */
		.ss-2-col > [class*='c-'] {width:50%;}	
		.ss-3-col > [class*='c-'] {width:33.3333%;}			
		.ss-4-col > [class*='c-'] {width:25%;}	
		
		/*predifined margin and padding */	
		.ss-p {padding:15px;}	
		.ss-m {margin:15px;}	

		
		/*END demention grid for small screens*/

		
		/*START BASIC LAYOUT AND MAIN NAVIGATION OPTIMIZATIONS*/
		
		#top-bar .widget {margin-bottom:25px}
				
		/*remove floating and margin */
		#navigation,#header-logo {float:none;margin-left:0;margin-right:0;}
		#header-logo {
			max-width: 200px;
			padding-bottom:0px;
		}

			#page-header {padding:5px 0 20px 0; float:right;}
				
				#page-header .title {
					margin-bottom:5px;
					font-size: 24px;
				}
				
				#page-header .title,
				#page-header .sub {
					width: 100%;
					margin:-10px 0 10px 0;
					padding:0;
				}		

		
			#copyright-note {
				padding:20px 0;
				text-align:center;
			}
				
		/*END BASIC LAYOUT AND MAIN NAVIGATION OPTIMIZATIONS*/

		/*next,prev arrows position*/
		.flex-direction-nav  {top:25%;}		
		
		/*START dividers */
		
		.ss-divider,
		.ss-divider-bottom,
		.sidebar > .g,	
		.vertical-devider, .divider-right {
			border-right:none;
			border-bottom:1px solid #E8E8E8;
			border-bottom:1px solid rgba(0,0,0,0.08);
			padding-top:15px;
			padding-bottom:15px;
			padding-right:0;			
		}
			
		.sidebar > .g,	
		.ss-divider-top
		 {
			padding-left:10px;			
			margin-right:10px;
		}
		
		/*END dividers*/	
		
		/*sidebar optimization*/
		.sidebar > .g {
			margin:50px 0;
			padding:30px 0 20px 0;	
			border-top-width:5px;
		}	
		
		/*This can make some elements look nice and clean on small screens */
		[class*='hybrid'].ss-border,
		.ss-border {
			background:rgba(0,40,70,0.04);
			padding:15px;
			margin:20px 0;
			border:none;
		}

		/*css3 columns*/
		.css-col-2 {
			-moz-column-count: 1;
			-webkit-column-count: 1;
			column-count: 1;
		}
		.css-col-3 {
			-moz-column-count: 2;
			-webkit-column-count: 2;
			column-count: 2;			
		}		
		
		/*submenu*/
		.sub-menu {padding-top:15px; border-top:1px solid #E1E7EA;}		
			.sub-menu li a {padding:12px;}
		
	
		#contact-form textarea,
		#comment-form textarea {width: 90%;}
		
		/*caption title*/
		.demention-caption .title {font-size:14px;}
		
	}
	/*END screens (resolution-width) that are smaller than 601px , or device width smaller than 481px*/



	/*START Touch optimizations -- .touch/.no-touch are detected using modernizr script */	
		
	/*hide from non-touch */
	.touch-only ,.touch-show {display:none;}	
	
	/*show on touch devices*/
	.touch .touch-show,
	.touch .touch-only {display:block;}
	

	.touch .touch-hide 	{display:none;}	

	/*hide slider nav on touch enabled devices -- we've got touch swipe support on the slider*/
	.touch .flex-direction-nav li,
	.touch .slider-holder:hover .flex-direction-nav li {display:none;}
		
	/*END Touch optimizations*/
	

	
/*	END  [7.0] OPTIMIZATIONS FOR DIFFERENT SCREEN SIZES  AND DEVICES
_________________________________________________________________________________________________________*/