/* ---------------------- 
Stylesheet Guide
-------------------------

01. Reset

02. Basic Elements
	1. Clearfix
	2. General Classes
	3. Highlight 
	4. Custom Table
	5. Dropcaps
	6. Dividers
	7. Ordered / Unordered List Styles
	8. Buttons
	9. Forms
	10. Alert Boxes

03. Layout
	1. Columns

04. Header
	1. Main Navigation
	2. Social Links

05. Home

06. Content
	1. Page Header
	2. Events

07. Blog
	1. Comments
	2. Respond
	3. Pagination

08. Portfolio

09. Contact Us

10. Sidebar
	1. Widgets
		- Search
		- Events, Categories and Popular
		- Calendar
		- Testimonials

11. Footer
	1. Widgets
		- Custom Menu
		- Links
		- Twitter

12. Widgets + Shortcodes
	1. Content Tabs
	2. Accordion Content
	3. Content Toggle

13. Keyframes

 */

/* ---------------------------------------------------------------------- */
/*	Reset
/* ---------------------------------------------------------------------- */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, h7, h8, h9, p, blockquote, blockquote2, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
	outline: none;
	text-decoration: none;
    background: transparent;
	vertical-align: baseline;
}

a, a > * {
	color: #6d7a7e;
	text-decoration: none;
}

.not-ie a, .not-ie a > * {
	-webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
	   -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		-ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
		 -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
			transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
}

.style-1 a:hover, .style-1 a > *:hover {color: #8ec63f;}
.style-2 a:hover, .style-2 a > *:hover {color: #9F1010;}
.style-3 a:hover, .style-3 a > *:hover {color: #2a7313;}
.style-4 a:hover, .style-4 a > *:hover {color: #d98908;}
.style-5 a:hover, .style-5 a > *:hover {color: #3b5381;}
.style-6 a:hover, .style-6 a > *:hover {color: #5592b4;}

ul li {
	list-style: none;
}

img {
    border: 0;
    /*
    21/03/2013 borre el height para ver si se acomoan las imagenes en el slider
	height: auto; 
    */
	/* max-width: 100%; */
    -ms-interpolation-mode: bicubic;
}

blockquote {
	position: relative;
	margin-bottom: 1em;
    padding: 24px 45px 20px 60px;
	/*border: 1px solid #ebebeb;
    background-color: #f9f9f9;*/
    font: 14px/1.6 'Asap';
	color: #6d7a7e;
}

blockquote:after,
blockquote:before {
	position: absolute;
	width: 33px;
	height: 23px;
	background-image: url(../../../media/images/temas/rpi/quotes.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	content: '';
}

blockquote:before {left: 20px; top: 20px;}

blockquote:after {
	margin: 5px 0 0 20px;
	background-position: right top;
}

address {
	margin-bottom: 50px;
	font-style: normal;
	line-height: 1.7;
}

/* ---------------------------------------------------------------------- */
/*	Basic Elements
/* ---------------------------------------------------------------------- */

body {
    font: 13px/1.5 'Asap';
	color: #595959;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;	
}

body {
	/*background-color: #f1f1f1;
	background-repeat: repeat;*/
	background: rgba(140,198,47,1);
	background: -moz-linear-gradient(top, rgba(140,198,47,1) 34%, rgba(117,137,12,1) 88%);
	background: -webkit-gradient(left top, left bottom, color-stop(34%, rgba(140,198,47,1)), color-stop(88%, rgba(117,137,12,1)));
	background: -webkit-linear-gradient(top, rgba(140,198,47,1) 34%, rgba(117,137,12,1) 88%);
	background: -o-linear-gradient(top, rgba(140,198,47,1) 34%, rgba(117,137,12,1) 88%);
	background: -ms-linear-gradient(top, rgba(140,198,47,1) 34%, rgba(117,137,12,1) 88%);
	background: linear-gradient(to bottom, rgba(140,198,47,1) 34%, rgba(117,137,12,1) 88%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8cc62f', endColorstr='#75890c', GradientType=0 );
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height: 1.6em;
}

h1 {font-size: 24px;}
h2 { font-size: 26px;}
h3 { font-size: 25px;}
h4 { font-size: 32px;}
h5 { font-size: 20px;}
h6 { font-size: 14px;}
h7 { font-size: 16px;}
h8 { font-size: 20px;}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: 'Asap';
}

h1 {
	font: 24px 'Asap';
	text-align: left;
	color: #8cc63f;
	font-weight: 700;
}

h2 {
	font: 26px 'Asap';
	text-align: left;
	margin-bottom: 15px;
	color: #555;
	font-weight: 600;
	line-height: 1;
}

h3 {
	margin-bottom: 5px;
	color: #595959;
	font-weight: 700;
	line-height: 1.25;
}

h4, h5 {
	margin-bottom: 15px;
	color: #000;
	font-weight: 700;
	line-height: 1.25;
}

h6 {font-weight: 400; line-height: 1.5em;}

h7 {
	margin-bottom: 0;
	color: #595959;
	font-weight: 400;
	line-height: 1.25;
}

h8 {
	font: italic 40px 'Asap';
	color: #fff;
	font-weight: 700;
}

h9 {
	font-size: 18px;
	font-family: 'Asap';
	line-height: 0.25;
	color: #000;
}

h10 { 
	font-size: 20px;
	font-family: 'Asap';
	color: #606163;
	font-weight: 700;	
}


	/* -------------------------------------------------- */
	/*	Clearfix
	/* -------------------------------------------------- */

	.clear {   
		clear: both;
		display: block;
		height: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
	}

	.clearfix:after {
		clear: both;
		display: block;
		visibility: hidden;
		height: 0;
		content: ".";
	}

	/* -------------------------------------------------- */
	/*	General Classes
	/* -------------------------------------------------- */

	.aligncenter {
		text-align: center;
	}
	
	.aligncenter > img {
		display: inline;
		text-align: center;
	}

	.alignleft {float:left;}

		img.alignleft {margin: 0 20px 20px 0;}

	.alignright {float:right;}

		img.alignright {margin: 0 0 20px 20px;}

	.custom-frame {
		display: block;
		border: 0px solid #e0e1e3;
		
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;	
	}

	.ie7 iframe.custom-frame {width: 97%;}
	
	.webkit iframe.custom-frame {width: 100%;}
	
	.video-widget .liquid-video-wrapper {margin: 0;}
	
	.liquid-video-wrapper {
		position: relative;
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
	}

	.liquid-video-wrapper iframe,
	.liquid-video-wrapper object,
	.liquid-video-wrapper embed {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	
	/* -------------------------------------------------- */
	/*	 Highlight	
	/* -------------------------------------------------- */
	
	.highlight1::-moz-selection,
	.highlight2::-moz-selection,
	.highlight3::-moz-selection,
	.highlight4::-moz-selection {
		padding: 1px 3px;
		color: #fff;
	}
	
	.highlight1::selection,
	.highlight2::selection,
	.highlight3::selection,
	.highlight4::selection {
		padding: 1px 3px;
		color: #fff;
	}
	
	span.highlight1,
	span.highlight2,
	span.highlight3,
	span.highlight4 {
		padding:1px 3px;
		color: #fff;
	}
	
	span.highlight1 {background-color:#1f221e;}
	span.highlight2 {background-color:#457935;}
	span.highlight3 {background-color:#a6412b;}
	span.highlight4 {background-color:#2b65a6;}

	.highlight1::selection {background-color:#1f221e;}
	.highlight2::selection {background-color:#457935;}
	.highlight3::selection {background-color:#a6412b;}
	.highlight4::selection {background-color:#2b65a6;}
	
	.highlight1::-moz-selection {background-color:#1f221e;}
	.highlight2::-moz-selection {background-color:#457935;}
	.highlight3::-moz-selection {background-color:#a6412b;}
	.highlight4::-moz-selection {background-color:#2b65a6;}
	
	/* -------------------------------------------------- */
	/*	Custom Table
	/* -------------------------------------------------- */
	
	.custom-table {
		margin-bottom: 3em;
		width: 100%;
	}
	
		.custom-table tbody tr:nth-child(even) td {
			background-color: rgba(31,34,30,.02);
		}

			.custom-table td,
			.custom-table th {padding: 7px 15px;}

			.custom-table thead th {
				border-top: 1px solid #ced5cf;
				border-right: 1px solid #ced5cf;
				border-bottom: 1px solid #ced5cf;
				background-color: rgba(31,34,30,.09);
				text-align: left;
				font-weight: 700;
			}
			
			.ie7 .custom-table thead th,
			.ie8 .custom-table thead th {background-color: #ebebeb;}

			.custom-table thead th:first-child,
			.custom-table tbody tr td:first-child {border-left: 1px solid #ced5cf;}

			.custom-table td {
				border-bottom: 1px solid #ced5cf;
				border-right: 1px solid #ced5cf;
			}
	
	/* -------------------------------------------------- */
	/*	Dropcaps
	/* -------------------------------------------------- */
	
	.dropcap {
		color: #D9DADB;
		float: left;
		font-size: 38px;
		font-weight: 700;
		line-height: 1em;
		margin: 0 15px 0 0;
	}

	.dropcapspot {
		float: left;
		margin: 0 12px 0 0;
		width: 45px;
		height: 45px;
		color: #fff;
		text-align: center;
		font-weight: 700;
		font-size: 38px;
		line-height: 45px;
	}
	
	.not-ie .dropcapspot {
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
	}
	
	/* -------------------------------------------------- */
	/*	Dividers
	/* -------------------------------------------------- */
	
	.sep {
		border-top: 1px solid #E0E1E3;
		clear: both;
		margin: 10px 0;	
	}
	
	.divider {
		clear: both;
		margin: 15px 0;
		width: 100%;
		height: 1px;
		background-color: #e0e1e3;
	}
	.spacer {
		clear: both;
		margin: 15px 0;
		width: 100%;

	}
	/* -------------------------------------------------- */
	/*	Ordered / Unordered List Styles
	/* -------------------------------------------------- */
	
	ul.list,
	ol.list {margin: 0 0 30px 0;}

	ol.type-1 li {list-style: decimal inside;}
	ol.type-2 li {list-style: decimal-leading-zero inside;}
	
	ul.type-1 li {list-style: circle inside;}
	ul.type-2 li {list-style: square inside;}
	
	/* -------------------------------------------------- */
	/*	Buttons
	/* -------------------------------------------------- */
	
/*	input.button {padding: 7px 14px 9px;}*/
	
	.button {
		display: inline-block;
		margin-bottom: 1.5em;
		padding: 8px 14px 8px;
		outline:none;
		color: #fff;
		vertical-align: baseline;
		text-align:center;
		text-decoration: none;
		font: 11px Arial;
		cursor:pointer;
	}
	
	.style-1 .button.gray {color: #1c7fbd;}
	.style-2 .button.gray {color: #e53535;}
	.style-3 .button.gray {color: #69ad11;}
	.style-4 .button.gray {color: #eba505;}
	.style-5 .button.gray {color: #841132;}
	.style-6 .button.gray {color: #4a5063;}
	
	.button.gray:hover {color: #fff;}

	.style-1 .button.gray:hover {background-color: #8ec63f;}
	.style-2 .button.gray:hover {background-color: #e53535;}
	.style-3 .button.gray:hover {background-color: #2a7313;}
	.style-4 .button.gray:hover {background-color: #eba505;}
	.style-5 .button.gray:hover {background-color: #841132;}
	.style-6 .button.gray:hover {background-color: #4a5063;}
	
	.button:hover {background-color: #313131; color: #fff !important;}

	.yellow {background-color: #fdbe0f;}
	.orange {background-color: #f99200;}
	.red {background-color: #db4300;}
	.pink {background-color: #c51574;}
	.purple {background-color: #760148;}
	.emerald {background-color: #2ebc9e;}
	.lime {background-color: #8ec63f;}
	.green {background-color: #5bad24;}
	.dark-green {background-color: #276c00;}
	.mettalic-blue {background-color: #6a8cb1;}
	.sky-blue {background-color: #00a8c6;}
	.blue {background-color: #2d5bc4;}
	.violet {background-color: #4f4269;}
	.brown {background-color: #564544;}
	.black {background-color: #313131;}
	.gray {background-color: #e7e7e8;}
	.grey {background-color: #898989;}
	.white {
		padding: 7px 13px;
		background-color: #fff;
		color: #6b6b6b;
		border: 1px solid #d4d4d4;
	}

	.align-btn-left {float: left;}
	.align-btn-right {float: right;}

	/* -------------------------------------------------- */
	/*	Forms
	/* -------------------------------------------------- */

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		cursor: pointer;
		-webkit-appearance: button;
	}

	button,
	input,
	select,
	textarea {
		font-size: 100%;
		margin: 0;
		vertical-align: baseline;
	}

	label {
		cursor: pointer;
		margin: 0;
	}

	input, textarea, select {
		color: #8f8f8f;
		font: 12px/1.5 Arial, sans-serif;
		padding: 0 0px;
		background-color: #ebebeb;
		border: none;
	}
	
	.not-ie input,
	.not-ie textarea,
	.not-ie select {
		-webkit-appearance: none;
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;	
	}

	input, select {
		height: 30px;
		border: 1px solid transparent;
		line-height: 30px;
	}

	textarea {
		padding: 10px;
		border: 1px solid transparent;
	}

	/* Firefox */
	input:-moz-placeholder,
	textarea:-moz-placeholder {color: #8f8f8f;}

	/* Chrome, Safari */
	input::-webkit-input-placeholder,
	textarea::-webkit-input-placeholder {color: #8f8f8f;}
	
	/* ---------------------------------------------------------------------- */
	/*	Alert Boxes
	/* ---------------------------------------------------------------------- */
        
        /* Alert de los MAPAS */
        .mapTodo{
            float: left;
			height: auto;
			vertical-align: baseline;
        }
        .mapTodo > .titulo{
            border-bottom: 1px solid #CCCCCC;
            font-size: /*120%,*/ 14px;
            font-weight: /*bold,*/ 400;
			font-family: 'Merriweather Sans', serif;			
			color: /*#606163,*/ #1c7fbd;			
			line-height: 1;
			margin-top: 5px;

        }
        .mapTodo > .descripcion{
            height: auto;
            margin-bottom: 5%;
            margin-top: 2%;
            overflow: auto;
        }
        .mapTodo > .foto{
            height: 160px;
            text-align: left;
        }
        
	.error,
	.success,
	.info,
	.notice {
		display: block;
		padding: 1px;
		font-size: 14px;
	}
	
	.opi {
		display: block;
		padding: 10px;
		font-size: 14px;
	}	

	.cam {
		display: block;
		padding: 5px;
	}	

	.error {
		border: 1px solid #f09da7;
		background-color: #f9bcc3;
		color: #b76973;
	}

	.opi {
		border: 1px solid #b4d892;
		background-color: #d8efc1;
		color: #79985b;
	}

	.info {
		border: 1px solid #a1c7d5;
		background-color: #b8e1f1;
		color: #52889b;
	}

	.success {
		border: 1px solid #a1c7d5;
		background-color: #b8e1f1;
		color: #52889b;
	}

	.cam {
		border: 0px solid #fff;
		background-color: #fff;
		/*color: #ffffff;*/
	}

	.notice {
		border: 1px solid #e7d195;
		background-color: #feebb7;
		color: #b49133;
	}
	
	.fullnotice {
		display: block;
		padding: 10px;
		font-size: 14px;
	}
	
	.fullnotice {
		border: 1px solid #fff;
		background-color: #fff;
		color: #8ce63f;
	}
		
/* ---------------------------------------------------------------------- */
/*	Layout
/* ---------------------------------------------------------------------- */

.wrap {
	margin: 0 auto;
	width: 980px;
	box-shadow: 0 0 0 10px rgba(0,0,0,.07);
	background-color: #fff;
}

	.container {
		position: relative;
		margin: 0 auto;
		width: 940px;
		background-color: #fff;
	}
	
		.section-title {
			text-transform: uppercase;
		}
		
		.style-1 .section-title {color: #000000;}
		.style-2 .section-title {color: #373a3c;}

	/* -------------------------------------------------- */
	/*	Columns
	/* -------------------------------------------------- */

	.one-half,
	.one-third,
	.two-third,
	.one-fourth, 
	.three-fourth {
		float: left;
		margin-right: 10px;
	}

	.one-half.last,
	.one-third.last,
	.two-third.last,
	.one-fourth.last,
	.three-fourth.last {margin-right: 0px;}

	.one-half {width: 460px;}

	.one-third  {width: 300px;}

		.two-third {width: 620px;}

	.one-fourth {width: 220px;}

		.three-fourth {width: 700px;}

	/* -------------------------------------------------- */
	/*	Campañas
	/* -------------------------------------------------- */

	.one-ban {
		float: left;
		margin-right: 7px;
	}

	.one-ban.last {margin-right: 0px;}

	.one-ban {width: 300px;}

/* ---------------------------------------------------------------------- */
/*	Header
/* ---------------------------------------------------------------------- */

.wrap-header {
	position: absolute;
	/*z-index: -1;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 35px;
	background-color:#fff	
}

.style-0 .wrap-header {
	background: #8ec63f; /*8CC63F; /* Old browsers */
	background: -moz-linear-gradient(top,  #8ec63f 0%, #8ec63f 69%, #000000 69%, #000000 100%);  /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ec63f), color-stop(69%,#8ec63f), color-stop(69%,#000000), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8ec63f 0%,#8ec63f 69%,#000000 69%,#000000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8ec63f 0%,#8ec63f 69%,#000000 69%,#000000 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8ec63f 0%,#8ec63f 69%,#000000 69%,#000000 100%); /* IE10+ */
	background: linear-gradient(top,  #8ec63f 0%,#8ec63f 69%,#000000 69%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec63f', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.style-2 .wrap-header {
	background: #9f1010; /* Old browsers */
	background: -moz-linear-gradient(top,  #9f1010 0%, #9f1010 69%, #7f0d0d 69%, #7f0d0d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9f1010), color-stop(69%,#9f1010), color-stop(69%,#7f0d0d), color-stop(100%,#7f0d0d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9f1010 0%,#9f1010 69%,#7f0d0d 69%,#7f0d0d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9f1010 0%,#9f1010 69%,#7f0d0d 69%,#7f0d0d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9f1010 0%,#9f1010 69%,#7f0d0d 69%,#7f0d0d 100%); /* IE10+ */
	background: linear-gradient(top,  #9f1010 0%,#9f1010 69%,#7f0d0d 69%,#7f0d0d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f1010', endColorstr='#7f0d0d',GradientType=0 ); /* IE6-9 */
}

.style-3 .wrap-header {
	background: #1f650c; /* Old browsers */
	background: -moz-linear-gradient(top,  #1f650c 0%, #1f650c 69%, #19510a 69%, #19510a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f650c), color-stop(69%,#1f650c), color-stop(69%,#19510a), color-stop(100%,#19510a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1f650c 0%,#1f650c 69%,#19510a 69%,#19510a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1f650c 0%,#1f650c 69%,#19510a 69%,#19510a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1f650c 0%,#1f650c 69%,#19510a 69%,#19510a 100%); /* IE10+ */
	background: linear-gradient(top,  #1f650c 0%,#1f650c 69%,#19510a 69%,#19510a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f650c', endColorstr='#19510a',GradientType=0 ); /* IE6-9 */
}

.style-4 .wrap-header {
	background: #545558; /* Old browsers */
	background: -moz-linear-gradient(top,  #545558 0%, #545558 69%, #47484b 69%, #47484b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545558), color-stop(69%,#545558), color-stop(69%,#47484b), color-stop(100%,#47484b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #545558 0%,#545558 69%,#47484b 69%,#47484b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #545558 0%,#545558 69%,#47484b 69%,#47484b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #545558 0%,#545558 69%,#47484b 69%,#47484b 100%); /* IE10+ */
	background: linear-gradient(top,  #545558 0%,#545558 69%,#47484b 69%,#47484b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545558', endColorstr='#47484b',GradientType=0 ); /* IE6-9 */
}

.style-5 .wrap-header {
	background: #841132; /* Old browsers */
	background: -moz-linear-gradient(top,  #841132 0%, #841132 69%, #6a0e28 69%, #6a0e28 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#841132), color-stop(69%,#841132), color-stop(69%,#6a0e28), color-stop(100%,#6a0e28)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #841132 0%,#841132 69%,#6a0e28 69%,#6a0e28 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #841132 0%,#841132 69%,#6a0e28 69%,#6a0e28 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #841132 0%,#841132 69%,#6a0e28 69%,#6a0e28 100%); /* IE10+ */
	background: linear-gradient(top,  #841132 0%,#841132 69%,#6a0e28 69%,#6a0e28 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#841132', endColorstr='#6a0e28',GradientType=0 ); /* IE6-9 */
}

.style-6 .wrap-header {
	background: #363c4e; /* Old browsers */
	background: -moz-linear-gradient(top,  #363c4e 0%, #363c4e 69%, #2b303e 69%, #2b303e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#363c4e), color-stop(69%,#363c4e), color-stop(69%,#2b303e), color-stop(100%,#2b303e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #363c4e 0%,#363c4e 69%,#2b303e 69%,#2b303e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #363c4e 0%,#363c4e 69%,#2b303e 69%,#2b303e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #363c4e 0%,#363c4e 69%,#2b303e 69%,#2b303e 100%); /* IE10+ */
	background: linear-gradient(top,  #363c4e 0%,#363c4e 69%,#2b303e 69%,#2b303e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#363c4e', endColorstr='#2b303e',GradientType=0 ); /* IE6-9 */
}

#header {
	position: relative;
	/*z-index: 4;*/
	width: 100%;
	/*padding: 0px 0 0px;*/
	background:#fff;
}

#gestion {
	display: block;
	width: 97%;
	height:130px;
	margin-left:5px;
	padding: 0;
	background:url(../../../media/images/temas/rpi/gestion.png)
}

		.textos{
			/*position: relative; */
			float: left;
			width: 80%;
			margin: 40px 10px 10px;
		}

		.numeros{
			/*position: relative; */
			float: left;
			width: 80%;
			margin: -20px 10px 10px;
		}

#logosmarcas {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 5px 0 5px;
}

#top {
	float: left;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	background-size: auto;
	background-size: cover;
	}	

	ul.lema {
		float: right;
		margin: 9px 37px 5px 0;
	}	

#logo {
		float: left;		
		margin: 10px 18px 0px;
}

#titulo {
		position: relative; 
		float: left;
		width: 50%;
		margin: 18px 0px 0px;
		}
		
#derecha {
		  position: relative;
		  float:right;
		  /*height: 100%;*/
		  width: 15%;
  		  margin: 10px 10px 0px 0px;		  
		  }		

#raya {
	float: left;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background-color:#fff
	}	
	
#telefonos {
	float: left;
	top: 0;
	left: 0;
	width: 100%;
	}		

#campanias {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 5px 0 5px;
}

	/* -------------------------------------------------- */
	/*	Main Navigation
	/* -------------------------------------------------- */

	.navigation {
		clear: both;
		padding: 0;
		height: 26px;
		margin-bottom: 0;
	}
	
	.style-1 .navigation,
	.style-2 .navigation {background-color: #dcdcdc;}
	
	.style-3 .navigation,
	.style-4 .navigation,
	.style-5 .navigation {background-color: #cacbcc;}
	.style-6 .navigation {background-color: #4a5063;}

			.navigation > ul > li {
				position: relative;
				float: left;
				margin: 0;
				list-style: none;
			}
			
			.ie7 .navigation > ul > li {height: 26px;}
			
				.navigation > ul > li > a {
					position: relative;
					display: block;
					padding: 0 15px;
					text-align: left;
					text-transform: uppercase;
					font-size: 14px;
					font-family: 'Asap';
					vertical-align: top;
					line-height: 26px;
				}
				
				.ie7 .navigation > ul > li > a {height: 26px;}
				
				.style-1 .navigation > ul > li > a {color: #000000;}
				.style-2 .navigation > ul > li > a,
				.style-3 .navigation > ul > li > a,
				.style-4 .navigation > ul > li > a,
				.style-5 .navigation > ul > li > a {color: #000000;}
				.style-6 .navigation > ul > li > a {color: #fff;}
				
				.navigation .rightarrowclass {
					position: absolute;
					top: 50%;
					right: 10px;
					margin-top: -3px;
					width: 3px;
					height: 7px;
					background: url(../../../media/images/temas/rpi/nav-arrow.png) no-repeat;
				}

					.navigation > ul > li:hover > a,
					.navigation > ul > li.current > a {color: #fff;}

					.style-1 .navigation > ul > li:hover > a,
					.style-1 .navigation > ul > li.current > a,
					.style-1 .dropcapspot,
					.style-1 #back-top,
					.style-1 .pagination .current {background-color: #000000;}

					.style-2 .navigation > ul > li:hover > a,
					.style-2 .navigation > ul > li.current > a,
					.style-2 .dropcapspot,
					.style-2 #back-top,
					.style-2 .pagination .current {background-color: #e53535;}

					.style-3 .navigation > ul > li:hover > a,
					.style-3 .navigation > ul > li.current > a,
					.style-3 .dropcapspot,
					.style-3 #back-top,
					.style-3 .pagination .current {background-color: #79b027;}

					.style-4 .navigation > ul > li:hover > a,
					.style-4 .navigation > ul > li.current > a,
					.style-4 .dropcapspot,
					.style-4 #back-top,
					.style-4 .pagination .current {background-color: #eba505;}

					.style-5 .navigation > ul > li:hover > a,
					.style-5 .navigation > ul > li.current > a,
					.style-5 .dropcapspot,
					.style-5 #back-top,
					.style-5 .pagination .current {background-color: #3b5381;}

					.style-6 .navigation > ul > li:hover > a,
					.style-6 .navigation > ul > li.current > a,
					.style-6 .dropcapspot,
					.style-6 #back-top,
					.style-6 .pagination .current {background-color: #75a9c7;}

				/* Dropdown */
				
				.navigation > ul > li:hover > ul {padding-top: 1px;}
				
				.navigation li:hover > ul {
					display: block;
					top: 25px;
					visibility: visible;
				}

				.navigation ul ul {
					position: absolute;
					left: 0;
					top: 70px;
					z-index: 99;
					padding: 0;
					width: 169px;
					display: none;
				}
				
				.not-ie .navigation ul ul {
					-webkit-transition: all .2s ease-in-out;
					   -moz-transition: all .2s ease-in-out;
					    -ms-transition: all .2s ease-in-out;
					  	 -o-transition: all .2s ease-in-out;
							transition: all .2s ease-in-out;	
				}

				.navigation ul > li:hover ul li:hover ul {
					left: 170px;
					display: block;
				}

					.navigation ul ul li {position: relative;}
					
					.ie7 .navigation ul ul li {height: 18px;}
					
					.navigation ul ul li:last-of-type > a {border-bottom: none;}

						.navigation ul ul a {
							display: block;
							padding: 9px 10px;
							border-bottom: 1px solid #f2f3f4;
							background-color: #D9DADB;
							text-align: left;
							color: #000000;
							letter-spacing: 0;
							/*font-weight: 400;*/
							font-size: 12px;
							font-family: 'Asap';
						}
						
						.style-1 .navigation ul ul a {color: #000000;}
						.style-2 .navigation ul ul a {color: #373a3c;}
						
						.style-3 .navigation ul ul a,
						.style-4 .navigation ul ul a {
							border-bottom: 1px solid #e3e4e5;
							background-color: #cacbcc;
							color: #373a3c;
						}
						
						.style-5 .navigation ul ul a {
							border-bottom: 1px solid #e3e4e5;
							background-color: #cacbcc;
							color: #373a3c;
						}
						
						.style-6 .navigation ul ul a {
							border-bottom: 1px solid #676f88;
							background-color: #4a5063;
							color: #fff;
						}

						.navigation > ul ul li:hover > a,
						.navigation .active > a {color: #fff;}
						
						.style-1 .navigation > ul ul li:hover > a,
						.style-1 .navigation .active > a {background-color: #8ec63f;}
						
						.style-2 .navigation > ul ul li:hover > a,
						.style-2 .navigation .active > a {background-color: #E53535;}
						
						.style-3 .navigation > ul ul li:hover > a,
						.style-3 .navigation .active > a {background-color: #79b027;}
						
						.style-4 .navigation > ul ul li:hover > a,
						.style-4 .navigation .active > a {background-color: #eba505;}
						
						.style-5 .navigation > ul ul li:hover > a,
						.style-5 .navigation .active > a {background-color: #3b5381;}
						
						.style-6 .navigation > ul ul li:hover > a,
						.style-6 .navigation .active > a {background-color: #75a9c7;}
						
						.navigation ul ul li:hover > a .rightarrowclass {background-position: 0 -19px;}

				/* Sub Dropdown */

				.navigation ul ul ul {
					left: 170px !important;
					top: 0 !important;
				}
				
				.not-ie .navigation ul ul ul {
					-webkit-transition: all .2s ease-in-out;
					   -moz-transition: all .2s ease-in-out;
					    -ms-transition: all .2s ease-in-out;
					  	 -o-transition: all .2s ease-in-out;
				}

		/* Nav Responsive  */

		.navigation .nav-responsive {
			display: none;
			margin: 0px 0;
			padding: 0px 8px;
			width: 68%;
			border-color: #ccc;
			background-color: #fff;
			background-image: url(../../../media/images/temas/rpi/nav-bg.png);
			background-position: right center;
			background-repeat: no-repeat;
		}
		
		/* Donate */
		
		a.donate {
			float: right;
			display: block;
			margin: 0;
			padding: 0 30px;
			color: #fff;
			text-transform: uppercase;
			font-size: 12px;
			font-family: 'Asap';
			line-height: 60px;
		}
		
		.not-ie a.donate {
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;
		}
		
		.style-1 a.donate {background-color: #e11842;}
		.style-2 a.donate {background-color: #8ec63f;}
		
		.style-3 a.donate,
		.style-4 a.donate,
		.style-5 a.donate,
		.style-6 a.donate {background-color: #e11842;}
		
		a.donate:hover {
			text-shadow: -1px -1px 0 rgba(0,0,0,.2);
			color: #fff;
		}
		
		.not-ie a.donate:hover {
			-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.35);
			   -moz-box-shadow: inset 0 0 8px rgba(0,0,0,.35);
					box-shadow: inset 0 0 8px rgba(0,0,0,.35);			
		}
		
		.style-1 a.donate:hover {background-color: #cb1c41;}
		.style-2 a.donate:hover {background-color: #15486c;}
		
		.style-3 a.donate:hover,
		.style-4 a.donate:hover,
		.style-5 a.donate:hover,
		.style-6 a.donate:hover {background-color: #cb1c41;}
	
	/* -------------------------------------------------- */
	/*	Social Links
	/* -------------------------------------------------- */

	ul.social-links {
		float: right;
		margin-right: 40px /*0px 0px 15px;*/
	}

		ul.social-links li {
			display: inline-block;
			margin: 0 0 0 0px;
			list-style: none outside none;
		}
		
		.ie7 ul.social-links li {float: left;}

			ul.social-links li a {
				position: relative;
				display: block;
				width: 24px;
				height: 38px;
				background: url(../../../media/images/temas/rpi/icons/social-icons.png) no-repeat;
				text-indent: -9999px;
				cursor: pointer;
			}

				ul.social-links li a > span {
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					background: url(../../../media/images/temas/rpi/icons/social-icons.png) no-repeat;
					opacity: 0;
					filter: alpha(opacity = 0);
				}
				
				.not-ie ul.social-links li a > span {
					-webkit-transition: opacity .5s;
					   -moz-transition: opacity .5s;
						-ms-transition: opacity .5s;
						 -o-transition: opacity .5s;
							transition: opacity .5s;
				}

			ul.social-links li.facebook a {background-position: -15px -5px;}
			ul.social-links li.Flickr a {background-position: -42px -5px;}
			ul.social-links li.rss a {background-position: -75px -5px;}
			ul.social-links li.soundcloud a {background-position: -104px -5px;}
			ul.social-links li.twitter a {background-position: -134px -5px;}
			ul.social-links li.youtube a {background-position: -163px -5px;}

			/*ul.social-links a:hover span {
				opacity: 1; 
				filter: alpha(opacity=100);
			}

			ul.social-links li.facebook a {background-position: -15px -12px;}
			ul.social-links li.Flickr a {background-position: -42px -12px;}
			ul.social-links li.rss a {background-position: -75px -12px;}
			ul.social-links li.soundcloud a {background-position: -104px -12px;}
			ul.social-links li.twitter a {background-position: -134px -12px;}
			ul.social-links li.youtube a {background-position: -163px -12px;}
	

	/* -------------------------------------------------- */
	/*	Empresas Links
	/* -------------------------------------------------- */

	ul.empresas-links {
		/*float: left;
		/* margin: 15px 15px 15px 0; LO SAQUE porque lo modifique abajo*/ 
        margin: 15px auto;
        width: 85%; /* esta en porcentajes por el tema del responsive */
	}

		ul.empresas-links li {
			display: inline-block;
			margin: 0 0 0 0px;
			list-style: none outside none;
		}
		
		.ie7 ul.empresas-links li {float: left;}

			ul.empresas-links li a {
				position: relative;
				display: block;
				width: 116px;
				height: 36px;
				background: url(../../../media/images/temas/rpi/logos-empresas.png) no-repeat;
				text-indent: -9999px;
				cursor: pointer;
			}

				ul.empresas-links li a > span {
					position: absolute;
					top: 0;
					left: 0;
					bottom: 0;
					right: 0;
					background: url(../../../media/images/temas/rpi/logos-empresas.png) no-repeat;
					opacity: 0;
					filter: alpha(opacity = 0);
				}
				
				.not-ie ul.empresas-links li a > span {
					-webkit-transition: opacity .5s;
					   -moz-transition: opacity .5s;
						-ms-transition: opacity .5s;
						 -o-transition: opacity .5s;
							transition: opacity .5s;
				}

			ul.empresas-links li.aguas a {background-position: 0 0;}
			ul.empresas-links li.dpa a {background-position: -156px 0; width: 60px}
			ul.empresas-links li.vialidad a {background-position: -241px 0; width: 140px}
			ul.empresas-links li.ippv a {background-position: -415px 0; width: 100px; margin-left:20px}
			ul.empresas-links li.tren a {background-position: -525px 0; width: 50px}
/* Agregue algunos width 05_04 */
			ul.empresas-links a:hover span {
				opacity: 1; 
				filter: alpha(opacity=100);
			}

			ul.empresas-links li.aguas a > span {background-position: 0 -40px;}
			ul.empresas-links li.dpa a > span {background-position: -156px -40px;}
			ul.empresas-links li.vialidad a > span {background-position: -241px -40px;}
			ul.empresas-links li.ippv a > span {background-position: -415px -40px;}
			ul.empresas-links li.tren a > span {background-position: -525px -40px;}
	


/* ---------------------------------------------------------------------- */
/*	Home
/* ---------------------------------------------------------------------- */

ul.block-with-icons {
	margin-bottom: 15px;
	list-style: none;
}

	ul.block-with-icons li {
		position: relative;
		float: left;
		margin: 0 0 0 2px;
		width: 233px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		border-color: rgba(0,0,0,0);
		border-style: solid;
		background-color: #f5f4f6;
	}
	
	.not-ie ul.block-with-icons li {
		-webkit-transition: all .25s linear;
		   -moz-transition: all .25s linear;
			-ms-transition: all .25s linear;
			 -o-transition: all .25s linear;
				transition: all .25s linear;	
	}
	
	.ie7 ul.block-with-icons li,
	.ie8 ul.block-with-icons li {border: none;}
	
	ul.block-with-icons li:last-of-type {border-right: 0px solid rgba(0,0,0,.05);}
	ul.block-with-icons li:first-of-type {border-left: 0px solid rgba(0,0,0,.05);}

		ul.block-with-icons li a {
			display: block;
			padding: 25px 15px 20px 80px;	
		}
		
		ul.block-with-icons li a:after {
			position: absolute;
			top: 14px;
			left: 15px;
			display: block;
			width: 44px;
			height: 44px;
			background-image: url(../../../media/images/temas/rpi/sprite-block-icons.png);
			background-repeat: no-repeat;
			content: '';
		}
		
		ul.block-with-icons li.b1 a:after {background-position: 0 0;}
		ul.block-with-icons li.b2 a:after {background-position: -65px 0;}
		ul.block-with-icons li.b3 a:after {background-position: -129px 0;}
		ul.block-with-icons li.b4 a:after {background-position: -198px 0;}

			ul.block-with-icons li:first-child {margin-left: 0;}

				ul.block-with-icons h5 {
					margin: 0 0 3px 0;
					text-transform: uppercase;
					line-height: .9;
				}
				
				.style-1 ul.block-with-icons h5 {color: #8ec63f;}
				.style-2 ul.block-with-icons h5 {color: #e53535;}
				.style-3 ul.block-with-icons h5 {color: #69ad11;}
				.style-4 ul.block-with-icons h5 {color: #eba505;}
				.style-5 ul.block-with-icons h5 {color: #841132;}
				.style-6 ul.block-with-icons h5 {color: #5592b4;}

				ul.block-with-icons span {
					display: block;
					font-size: 11px;
					line-height: 1.2em;
				}
				
	.style-1 ul.block-with-icons li:hover {background-color: #8ec63f;}
	.style-2 ul.block-with-icons li:hover {background-color: #9f1010;}
	.style-3 ul.block-with-icons li:hover {background-color: #2a7313;}
	.style-4 ul.block-with-icons li:hover {background-color: #eba505;}
	.style-5 ul.block-with-icons li:hover {background-color: #3b5381;}
	.style-6 ul.block-with-icons li:hover {background-color: #75a9c7;}
	
		ul.block-with-icons li:hover h5 {color: #f1f1f1;}
		ul.block-with-icons li:hover span {color: #f1f1f1;}
		
		ul.block-with-icons li.b1 a:hover:after {background-position: 0 -46px !important;}
		ul.block-with-icons li.b2 a:hover:after {background-position: -65px -46px !important;}
		ul.block-with-icons li.b3 a:hover:after {background-position: -129px -46px !important;}
		ul.block-with-icons li.b4 a:hover:after {background-position: -198px -46px !important;}

/* ---------------------------------------------------------------------- */
/*	Content
/* ---------------------------------------------------------------------- */

#content {
	margin-bottom: 0px; /*ACHIQUE MARGEN INFERIOR*/
	width: 620px;
}

#content-noticias {
	margin-bottom: 0px; /*ACHIQUE MARGEN INFERIOR*/
	width: 620px;
}

#content-categorias {
	margin-bottom: 0px; /*ACHIQUE MARGEN INFERIOR*/
	width: 900px;
}

.sbl #content {float: right;}
.sbr #content {float: left;}
.sbr #content-noticias {float: left;}


	/* -------------------------------------------------- */
	/*	Layout
	/* -------------------------------------------------- */

	#content .one-fourth {width: 300px;}
	
	/* -------------------------------------------------- */
	/*	Page Header
	/* -------------------------------------------------- */

	.page-header {
		margin-bottom: 35px;
		padding-bottom: 25px;
		border-bottom: 2px solid #e0e1e3;
	}

		.page-title {
			margin: 0;
			color: #cacbcc;
		}
		
/* ---------------------------------------------------------------------- */
/*	Events
/* ---------------------------------------------------------------------- */

.event-item {
	margin-bottom: 35px;
	padding-bottom: 35px;
	border-bottom: 2px solid #e0e1e3;
}

.event-item.detailed {
	border-bottom: none;
}

	.event-date {margin-bottom: 3px;}
	
	.style-1 .event-date {color: #8ec63f;}
	.style-2 .event-date {color: #9f1010;}
	.style-3 .event-date {color: #2a7313;}
	.style-4 .event-date {color: #d98908;}
	.style-5 .event-date {color: #3b5381;}
	.style-6 .event-date {color: #5592b4;}
	
	.event-body {
		float: left;
		padding-right: 20px;
		width: 360px;
		border-right: 1px solid #e0e1e3;
	}
	
	.event-item.detailed .event-body {
		float: none;
		margin-top: 45px;
		width: 100%;
		border-right: none;
	}
	
	.event-meta {
		float: right;
		width: 205px;
	}
		
		.event-table td {padding: 3px 0;}
		.event-table td:first-child {width: 75px;}
		
		.event-table td.cat a:after {content: ',';}
		.event-table td.cat a:last-of-type:after {content: '';}
		
		.event-table td span.gmap {
			padding: 3px 5px;
			color: #fff;
			font-size: 10px;
		}
		
		.not-ie .event-table td span.gmap {
			-webkit-border-radius: 2px;
			   -moz-border-radius: 2px;
					border-radius: 2px;	
		}
		
		.style-1 .event-table span.gmap,
		.style-5 .event-table span.gmap {background-color: #8ec63f;}
		.style-2 .event-table span.gmap {background-color: #9f1010;}
		.style-3 .event-table span.gmap {background-color: #2a7313;}
		.style-4 .event-table span.gmap {background-color: #d98908;}
		.style-6 .event-table span.gmap {background-color: #75A9C7;}
		
		/* -------------------------------------------------- */
		/*	Columns
		/* -------------------------------------------------- */
		
		.event-body .one-half {
			width: 290px;
		}


/* ---------------------------------------------------------------------- */
/*	Blog
/* ---------------------------------------------------------------------- */

.post {
	margin-top: 25px;
	padding-top: 35px;
}

.first .post {border-top: 2px solid #e0e1e3;}

	.post:first-child {
		padding-top: 0;
		margin-top: 0;
		border-top: none;
	}
	
	.image-post-slider {
		position: relative;
		margin-bottom: 25px;
	}
	
		.image-post-slider .single-image {margin: 0;}
		
		.image-post-slider img {margin-bottom: 0;}
	
		.post-pager {
			position: absolute;
			z-index: 11;
			bottom: 7px;
			right: 13px;
		}

			.post-pager > a {
				display: block;
				float: left;
				margin-left: 3px;
				width: 10px;
				height: 10px;
				background-color: #e7e7e8;
				text-indent: -9999px;
			}
			
			.not-ie .post-pager > a {
				-webkit-border-radius: 5px;
				   -moz-border-radius: 5px;
						border-radius: 5px;		
			}

			.post-pager > a.activeSlide {background-color: #8cc63f;}

.post-item,
.second .post {
	float: left;
	margin: 0 0px 0px 20px; /*ACHIQUE DE 40 A 10 EL MARGEN INFERIOR*/
	padding: 0 0 0px;
	width: 280px;
}

.post-item:first-child {
	float: none;
	margin: 0 0 20px;
	width: 100%;
	border-bottom: 2px solid #e0e1e3;
}

.post-item:nth-child(2n-1),
.second .post:nth-child(2n) {margin-right: 0;}

.ie7 .post-item.nomargin,
.ie7 .second .post.nomargin {margin-right: 0;}

	.post-item .title,
	.post .title {margin-bottom: 12px;}
	
	.post-meta {clear: both; margin: 0 0 15px 0;}

		.post-date,
		.post-tags,
		.post-comments {
			float: left;
			margin: 5px 10px 5px 0;
			padding-left: 20px;
			background-image: url(../../../media/images/temas/rpi/icons/post-icons.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			font-size: 11px;
		}

		.post-data {
			float: left;
			margin: 5px 10px 5px 0;
			padding-left: 20px;
			font-size: 11px;
		}		

		.post-tags a:after {content: ','}
		.post-tags a:last-child:after {content: '';}

		.post-date {background-position: 0 0;}
		.post-tags {background-position: 0 -47px;}
		.post-comments {background-position: 0 -143px;}

		.post-date:hover {background-position: 0 -24px;}
		.post-tags:hover {background-position: 0 -119px;}
		.post-comments:hover {background-position: 0 -165px;}

		
	/* -------------------------------------------------- */
	/*	Comments
	/* -------------------------------------------------- */
	
	#comments {
		margin-top: 40px;
		padding-top: 45px;
		border-top: 1px solid #D4D4D4;
	}

		.comments-list {
			margin: 27px 0 50px;
			padding: 0;
			overflow: hidden;
		}

			.comment {
				list-style: none;
				margin: 20px 0 0;
				padding: 0;
			}

			.comment:first-child {
				border-top: none;
				margin-top: 0;
				padding-top: 0;
			}

				.comment > article {
					margin: 0;
					overflow: hidden;
				}

					.comment .avatar {
						background: #fff;
						float: left;
						margin: 0 20px 20px 0;
						position: relative;
						width: 40px;
						height: 40px;
						z-index: 1;
						zoom: 1;
					}

					.comment .comment-body,
					.comment .comment-meta {
						margin: 0 20px 0;
						padding: 20px 0 0 0;
					}
					
					.comment .comment-body {padding-top: 15px;}
					.comment .comment-body {color: #8a8989;}
					
					.comment .comment-meta {
						border-bottom: 1px dotted #ccc;
					}

					.comment .comment-entry {
						position: relative;
						display: table;
						background-color: #f5f5f5;
					}
					
					.ie7 .comment .comment-entry {
						display: block;
						float: right;
						width: 540px;
					}
					
					.ie7 .children .comment-entry {
						width: 480px;
					}
					
					.comment .comment-entry:after {
						position: absolute;
						left: -9px;
						top: 14px;
						display: block;
						width: 9px;
						height: 16px;
						background: url(../../../media/images/temas/rpi/arrow-comments-entry.png) no-repeat;
						content: '';
					}
					
						.comment .comment-meta {margin-bottom: 0;}

						.comment .author,
						.comment .author a {margin: 0;}

						.comment .date {
							margin-bottom: 5px;
							color: #a1a1a1;
							font-size: 11px;
							font-style: italic;
							font-family: Arial;
						}

				.comment .children {
					margin: 0;
					padding: 20px 0 0 60px;
					position: relative;
				}

					.comment .children .comment {
						margin: 20px 0 0;
						padding: 0;
						position: relative;
					}

					.comment .children .comment:first-child {margin-top: 0;}
					
	/* -------------------------------------------------- */
	/*	Respond
	/* -------------------------------------------------- */
		
	#respond {
		padding-top: 45px;
		border-top: 1px solid #d4d4d4;
	}
	
	#commentform {margin-top: 25px; max-width: 100%;}

		#commentform .input-block,
		#contact .input-block {
			margin: 0 0 10px 0;
		}
		
			#commentform .input-block > label,
			.textarea-block > label {
				margin-left: 10px;
				line-height: 35px;
			}
			
			.textarea-block > label {display: block;}

			#commentform input {float: left; width: 278px;}
			
			#commentform input:hover,
			#commentform textarea:hover,
			#contact input[type="text"]:hover,
			#contact textarea:hover {
				border-color: #d2d2d2;
			}

			#commentform input:focus,
			#commentform textarea:focus,
			#contact input[type="text"]:focus,
			#contact textarea:focus {
				border-color: #d2d2d2;
				background-color: #fdfdfe;

				-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
				   -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
						box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
			}
			
			.input-block label strong,
			.textarea-block strong {
				color: #8a8989;
				font-size: 12px;
				font-weight: 100;
			}
			
			.textarea-block strong,
			#contact .textarea-block label {display: none;}
			
			.input-block label span {
				color: #e9403b;
				font-size: 12px;
			}
			
			.input-block label i {margin-left: 3px; font-family: Georgia; font-size: 10px;}

		#commentform .textarea-block,
		#contact .textarea-block {clear: both; margin-bottom: 20px;}

			#commentform textarea {
				width: 480px;
				height: 220px;
				max-width: 468px;
				max-height: 400px;
				min-width: 468px;
				min-height: 220px;
			}

		#commentform input[type="submit"],
		#contactform button[type="submit"]{
			margin: 0 0 20px;
			width: auto;
			border: none;
		}	

	/* -------------------------------------------------- */
	/*	Pagination
	/* -------------------------------------------------- */

	.pagination {
		clear: both;
		padding-top: 10px;
		margin: 0 0 10px 0;
		border-top: 2px solid #e0e1e3;
	}

		.pagination li {
			display: inline-block;
			list-style: none;
			margin: 0 2px 0 0;
		}
		
		.ie7 .pagination li {
			display: block;
			float: left;
		}

			.pagination .current {color: #fff;}
			
			.pagination a {
				display: block;
				padding: 3px 8px 3px;
				border: 1px solid transparent;
				background-color: #e7e7e8;
				color: #9c9c9c;
			}
			
			.pagination .prevpostslink,
			.pagination .nextpostslink {background: none;}
			
			.pagination a:hover:not(.current):not(.prevpostslink):not(.nextpostslink) {
				background-color: #d8d8d9;
				color: #646464;
			}
			
			.pagination a.current:hover {color: #fff;}
			
			.pagination .prevpostslink:hover,
			.pagination .nextpostslink:hover,
			.pagination .prevpostslink:hover > span,
			.pagination .nextpostslink:hover > span {
				color: #646464;
			}
			
				.pagination .prevpostslink > span,
				.pagination .nextpostslink > span {font-size: 14px;}

				
/* ---------------------------------------------------------------------- */
/*	Portfolio
/* ---------------------------------------------------------------------- */

#portfolio-filter {
    margin: 0 0 40px 0;
	padding-bottom: 20px;
    overflow: hidden;
	border-bottom: 1px solid #e0e1e3;
}
	
	#portfolio-filter li {
		display: block;
		float: left;
		list-style: none outside none;
		margin: 0;
	}

		#portfolio-filter a {
			display: block;
			margin: 0;
			padding: 0;
			font-size: 14px;
			font-family: 'Asap';
			cursor: pointer;
			color: #606163;
			line-height: 1;
		}
		
		#portfolio-filter a:before {
			margin: 0 15px;
			color: #606163;
			content: '/';
		}
		
			#portfolio-filter li:first-child a:before {margin: 0 0 0 15px; content: '';}
		

#portfolio-items {margin: 15px -20px 0 0;}
		
#portfolio-items article {
    position: relative;
	float: left;
	margin: 0 20px 20px 0;
}

		#portfolio-items article img {width: 286px;} /*modifique tama�o de cuadro*/

	.project-meta {
		display: block;
		padding: 17px 15px 5px;
		background-color: #e0e1e3;
	}
	
	.not-ie .project-meta {
		-webkit-transition: all .2s linear;
		   -moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			 -o-transition: all .2s linear;
				transition: all .2s linear;		
	}
	
	.style-1 .project-meta h6,
	.style-5 .project-meta h6 {color: #333;}
	.style-2 .project-meta h6 {color: #9f1010;}
	.style-3 .project-meta h6 {color: #2a7313;}
	.style-4 .project-meta h6 {color: #d98908;}
	.style-6 .project-meta h6 {color: #4a5063;}

/*-- mapas de google en home page--*/ 
	.project-map {
		display: block;
		padding: 2px 2px 2px;
		background-color: #e0e1e3;
	}
	
	.not-ie .project-map {
		-webkit-transition: all .2s linear;
		   -moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			 -o-transition: all .2s linear;
				transition: all .2s linear;		
	}
	
	.style-1 .project-map h6,
	.style-5 .project-map h6 {color: #8ec63f;}
	.style-2 .project-map h6 {color: #9f1010;}
	.style-3 .project-map h6 {color: #2a7313;}
	.style-4 .project-map h6 {color: #d98908;}
	.style-6 .project-map h6 {color: #4a5063;}

/*--fin mapas de google en home page-*/

	.single-image {
		position: relative;
		display: block;
		margin-bottom: 25px;
		cursor: pointer;
		overflow: hidden;
		text-align: center;
	}
	
	
	#portfolio-items .single-image {
		margin: 0;
		border: 5px solid #e0e1e3;
	}
	
	

			.single-image img {
				display: block;
				width: 100%;
				opacity: 1;
				filter: alpha(opacity=80);
			}

			.single-image img {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}

			
			.ie8 .post .single-image img {max-width: 97%;}
			
	.curtain {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		opacity: 0;
		filter: alpha(opacity=0);
		text-indent: -9999px;
	}
	
	.not-ie .curtain {
		-webkit-transition: opacity 0.2s ease-in-out 0s;
		   -moz-transition: opacity 0.2s ease-in-out 0s;
		    -ms-transition: opacity 0.2s ease-in-out 0s;
			 -o-transition: opacity 0.2s ease-in-out 0s;
				transition: opacity 0.2s ease-in-out 0s;
	}

	.curtain:after {
		position: absolute;
		top: 50%;
		left: 50%;
		display: block;
		margin-top: -30px;
		margin-left: -30px;
		width: 60px;
		height: 60px;
		text-indent: -9999px;
		opacity: 0;
		filter: alpha(opacity=0);
		background-repeat: no-repeat;
		content: '';
	}
	
	.not-ie .curtain:after {
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
			 -o-transform: scale(1);
				transform: scale(1);
	}
	
	.single-image:hover .curtain {
		opacity: 1;
		background-color: rgba(255,255,255,.25);
	}
	
	.ie7 .single-image:hover .curtain,
	.ie8 .single-image:hover .curtain {
		filter: alpha(opacity=80);
		backgound-color: #fff;
	}
	
	.single-image:hover .curtain:after {
		opacity: 1;
		filter: alpha(opacity=80);
	}
	
	.not-ie .single-image:hover .curtain:after {
		-webkit-animation: move .25s linear;
		   -moz-animation: move .25s linear;
			-ms-animation: move .25s linear;
			 -o-animation: move .25s linear;
				animation: move .25s linear;
	}
	
	.style-1 .curtain:after,
	.style-5 .curtain:after {background-image: url(../../../media/images/temas/rpi/icons/zoom-style-1.png);}
	
	.style-2 .curtain:after {background-image: url(../../../media/images/temas/rpi/icons/zoom-style-2.png);}
	.style-3 .curtain:after {background-image: url(../../../media/images/temas/rpi/icons/zoom-style-3.png);}
	.style-4 .curtain:after {background-image: url(../../../media/images/temas/rpi/icons/zoom-style-4.png);}
	.style-6 .curtain:after {background-image: url(../../../media/images/temas/rpi/icons/zoom-style-6.png);}

	.style-1 #portfolio-items article:hover .single-image,
	.style-5 #portfolio-items article:hover .single-image {border-color: #8ec63f;}
	.style-2 #portfolio-items article:hover .single-image {border-color: #9f1010;}
	.style-3 #portfolio-items article:hover .single-image {border-color: #2a7313;}
	.style-4 #portfolio-items article:hover .single-image {border-color: #d98908;}
	.style-6 #portfolio-items article:hover .single-image {border-color: #75a9c7;}
	
	.style-1 #portfolio-items article:hover .project-meta,
	.style-5 #portfolio-items article:hover .project-meta {background-color: #8ec63f;}
	.style-2 #portfolio-items article:hover .project-meta {background-color: #9f1010;}
	.style-3 #portfolio-items article:hover .project-meta {background-color: #2a7313;}
	.style-4 #portfolio-items article:hover .project-meta {background-color: #d98908;}
	.style-6 #portfolio-items article:hover .project-meta {background-color: #75a9c7;}
	
	#portfolio-items article:hover .project-meta .project-map h6 {color: #fff;}

	
/* Isotope */

.isotope-hidden.isotope-item {
	pointer-events: none;
	z-index: 1;
}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration: 0.6s;
	   -moz-transition-duration: 0.6s;
		-ms-transition-duration: 0.6s;
	 	 -o-transition-duration: 0.6s;
			transition-duration: 0.6s;
	z-index: 2;
}

.isotope {
	-webkit-transition-property: height, width;
	   -moz-transition-property: height, width;
		-ms-transition-property: height, width;
		 -o-transition-property: height, width;
			transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	   -moz-transition-property:	-moz-transform, opacity;
		-ms-transition-property:		 top, left, opacity;
		 -o-transition-property:		 top, left, opacity;
			transition-property:		 transform, opacity;
}
		
/* ---------------------------------------------------------------------- */
/*	Contact Us
/* ---------------------------------------------------------------------- */

#map {
	height: 300px;
	margin: 0 0 10px 0;
	position: relative;
	width: 100%;
}

/* Form style */

fieldset.row {margin-bottom: 1em;}

	#contact label {
		margin-left: 10px;
		line-height: 35px;
		color: #6d7a7e;
	}

	#contact input[type="text"] {
		float: left;
		width: 280px;
	}

	#contact textarea {   
		height: 160px;
		max-height: 250px;
		max-width: 518px;
		min-height: 160px;
		min-width: 518px;
		width: 518px;
	}

	#contact input[type="submit"][disabled] { background:#888; cursor: default; }

#message fieldset {
	padding: 20px;
	border: 1px solid #eee;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F9FAF5;
}

.error_message {
	display: block;
	line-height: 22px;
	background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px;
	padding: 3px 10px 3px 35px;
	color:#8a1f11;
	border: 1px solid #FBC2C4;
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}

ul.error_messages {
	margin: 0 0 0 15px;
	padding: 0;
}

	ul.error_messages li {
		height: 22px;
		line-height: 22px;
		color:#333;
	}

	.loader {padding: 0 10px;}

	#contact #success_page h1 { 
		background: url('../assets/success.gif') left no-repeat;
		padding-left: 22px;
	}
	
	#contact .enter-verify {
		float: left;
		display: block;
		line-height: 27px;
	}
	
	#contact .wrong-data {border-color: #F09DA7;}

	#contact .verify {
		float: none !important;
		margin: 0 15px;
		width: 50px !important;
		height: 28px !important;
		vertical-align: top;
	}
		
/* ---------------------------------------------------------------------- */
/*	Sidebar
/* ---------------------------------------------------------------------- */

#sidebar {width: 300px;}

.sbl #sidebar {float: left;}
.sbr #sidebar {float: right;}

	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */
        .fb_iframe_widget span{
            height: 60px!important;
        }
	#sidebar .widget-container {margin-bottom: 15px;}
		
		#sidebar .custom-frame {margin: 0;}
		
		.style-1 .video-entry {background-color: #8ec63f;}
		.style-2 .video-entry {background-color: #9f1010;}
		.style-3 .video-entry {background-color: #2a7313;}
		.style-4 .video-entry {background-color: #D98908;}
		.style-5 .video-entry {background-color: #3b5381;}
		.style-6 .video-entry {background-color: #4a5063;}
		
			.video-title {display: block;}
			
				.video-title > h5 {
					padding: 20px;
					color: #fff;
					line-height: 1.5em;
					font-size: 15px;
				}
				
				.video-title > h5:hover {color: #fff;}

		/* ---------------------------------------- */
		/*	Search
		/* ---------------------------------------- */

		.widget_search input[type="text"] {
			padding: 0  10px;
			width: 235px;
			height: 33px;
			border: 1px solid transparent;
			background-color: fff;  /*#eeeeef*/
			color: #a1a1a1;
			font-size: 12px;
			font-style: italic;
			line-height: 33px;

			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;
		}

		.widget_search input::-moz-input-placeholder {color: #a1a1a1;}
		.widget_search input::-webkit-input-placeholder {color: #a1a1a1;}
		.widget_search input[type="text"]:hover {border-color: #d2d2d2;}
		.widget_search input[type="text"]:focus {
			border-color: #d2d2d2;
			background-color: fff; /*#fdfdfe*/

			-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
			   -moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
					box-shadow: inset 1px 1px 4px rgba(0,0,0,.1);
		}

		.widget_search button {
			margin: 0;
			padding: 0;
			width: 38px;
			height: 35px;
			border: none;
			background-color: #8ec63f;
			background-image: url(../../../media/images/temas/rpi/search.png);
			background-position: 50% 50%;
			background-repeat: no-repeat;
			cursor: pointer;
			vertical-align: top;
			
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
				-ms-transition: all .25s linear;
				 -o-transition: all .25s linear;
					transition: all .25s linear;
		}
		
		.widget_search button:hover {background-color: #000;}

		/* ---------------------------------------- */
		/*	Events, Categories and Popular
		/* ---------------------------------------- */

		.eventsListWidget li,
		.widget_categories li,
		.widget_archive li,
		.widget_popular_posts li,
		.widget_recent_comments li,
		.widget_recent_entries li {
			padding: 7px 0 6px 0;
			border-bottom: 1px solid #e0e1e3;
		}
		
			.eventsListWidget li h6,
			.widget_categories li a,
			.widget_archive li a,
			.widget_popular_posts li h6,
			.widget_recent_comments li a,
			.widget_recent_entries li a {margin-bottom: 1px;}
			
			.style-1 .eventsListWidget li h6,
			.style-1 .widget_categories li a,
			.style-1 .widget_archive li a,
			.style-1 .widget_popular_posts li h6,
			.style-1 .widget_recent_comments li a,
			.style-1 .widget_recent_entries li a,
			.style-1 #portfolio-filter a.active {color: #606163/*1c7fbd*/;}
			
			.style-2 .eventsListWidget li h6,
			.style-2 .widget_categories li a,
			.style-2 .widget_archive li a,
			.style-2 .widget_popular_posts li h6,
			.style-2 .widget_recent_comments li a,
			.style-2 .widget_recent_entries li a,
			.style-2 #portfolio-filter a.active {color: #9f1010;}
			
			.style-3 .eventsListWidget li h6,
			.style-3 .widget_categories li a,
			.style-3 .widget_archive li a,
			.style-3 .widget_popular_posts li h6,
			.style-3 .widget_recent_comments li a,
			.style-3 .widget_recent_entries li a,
			.style-3 #portfolio-filter a.active {color: #69ad11;}
			
			.style-4 .eventsListWidget li h6,
			.style-4 .widget_categories li a,
			.style-4 .widget_archive li a,
			.style-4 .widget_popular_posts li h6,
			.style-4 .widget_recent_comments li a,
			.style-4 .widget_recent_entries li a,
			.style-4 #portfolio-filter a.active {color: #eba505;}
			
			.style-5 .eventsListWidget li h6,
			.style-5 .widget_categories li a,
			.style-5 .widget_archive li a,
			.style-5 .widget_popular_posts li h6,
			.style-5 .widget_recent_comments li a,
			.style-5 .widget_recent_entries li a,
			.style-5 #portfolio-filter a.active {color: #3b5381;}
			
			.style-6 .eventsListWidget li h6,
			.style-6 .widget_categories li a,
			.style-6 .widget_archive li a,
			.style-6 .widget_popular_posts li h6,
			.style-6 .widget_recent_comments li a,
			.style-6 .widget_recent_entries li a,
			.style-6 #portfolio-filter a.active {color: #5592b4;}
			
			.eventsListWidget li:hover h6,
			.widget_categories li:hover a,
			.widget_archive li:hover a,
			.widget_popular_posts li:hover h6,
			.widget_recent_comments li:hover a,
			.widget_recent_entries li:hover a {color: #8ec63f;}
			
			.widget_categories li a,
			.widget_archive li a {
				font-size: 15px;
				font-family: 'Asap';
			}
					
			.widget_recent_comments li a,
			.widget_recent_entries li a {
				font-size: 14px;
				font-family: 'Asap';
			}
			
			.eventsListWidget li span,
			.widget_popular_posts li span {
				color: #a1a1a1;
				font-size: 11px;
			}
			
		/* ---------------------------------------- */
		/*	Calendar
		/* ---------------------------------------- */			
			
			.widget_calendar #wp-calendar {
				width: 100%;
				color: #555555;
				text-align: center;
			}

				.widget_calendar caption {
					margin-bottom: 1px;
					padding: 7px 0;
					color: #fff;
					text-transform: uppercase;
					font-size: 14px;
					font-family: 'Asap';
					background-color: #8ec63f;
				}
				
				.style-1 .widget_calendar tbody td > a {background-color: #e9eaeb;}
				
					.widget_calendar #wp-calendar th {
						padding: 1px;
						height: 32px;
						line-height: 32px;
						border: 1px solid #cfcfd1;
						background: #fff;
						color: #606163;
						font-size: 14px;
						font-family: 'Asap';
					}

					.widget_calendar #wp-calendar caption,
					.widget_calendar #wp-calendar td,
					.widget_calendar #wp-calendar th {text-align: center;}

					.widget_calendar #wp-calendar tfoot td {
						padding: 7px 0;
						background: #f9fafb;
					}
					
						.widget_calendar #wp-calendar tfoot #prev > a,
						.widget_calendar #wp-calendar tfoot #next > a {
							background-image: url(../../../media/images/temas/rpi/icons/prevnext.png);
							background-repeat: no-repeat;
							font-size: 12px;
							font-family: 'Asap';
						}

						.widget_calendar tfoot #prev > a {
							padding: 1px 0 1px 30px;
							background-position: 0 2px;
						}

						.widget_calendar tfoot #next > a {
							padding: 1px 30px 1px 0;
							background-position: right 2px;
						}
					
					.widget_calendar #wp-calendar tbody td {
						height: 32px;
						line-height: 32px;
						color: #6d7a7e;
						font-size: 14px;
						background-color: #e9eaeb; /*gris*/
						border: 1px solid #fff;
					}
					
					.widget_calendar #wp-calendar tbody td#today {
						background-color: #8ec63f;
						border: 1px solid #d2d2d4;
						color: #fff;						
					}
					
					.widget_calendar #wp-calendar tbody td.pad {
						background-color: #f9fafb;
						color: #6d7a7e;
					}

						.widget_calendar #wp-calendar tbody td > a {
							display: block;
							/*color: #fff;*/
						}
		
		/* ---------------------------------------- */
		/*	Testimonials
		/* ---------------------------------------- */
		
		.testimonials {
			position: relative;
			margin-top: 80px;
			width: 100%;
		}
		
		.ie7 .testimonials,
		.ie8 .testimonials {margin-top: 30px;}
		
		.testimonials .quoteBox {
			position: relative;
			z-index: 3;
			margin: 0 20px;
			padding: 25px 25px 40px;
			background-color: #fbfaf6;
		}
		
		.not-ie .testimonials .quoteBox {
			-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); 
			   -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); 
					box-shadow: 0 2px 4px rgba(0,0,0,.1); 		
		}
		
		.ie7 .quoteBox,
		.ie8 .quoteBox {margin: 0; border: 1px solid #ebebeb;}
		
		.testimonials .substrate-rotate-left,
		.testimonials .substrate-rotate-right {
			position: absolute;
			margin: 0 20px;
			width: 88%;
			height: 300px;
		}
		
		.testimonials .substrate-rotate-left {
			top: -5px;
			left: 0;
			border: 1px solid rgba(0,0,0,.04);
			background-color: rgba(0,0,0,.062);
		}
		
		.not-ie .testimonials .substrate-rotate-left {
			-webkit-transform: rotate(-6deg);
			   -moz-transform: rotate(-6deg);
				-ms-transform: rotate(-6deg);
				 -o-transform: rotate(-6deg);
					transform: rotate(-6deg);	
		}
		
		.testimonials .substrate-rotate-right {
			top: -25px;
			border: 1px solid rgba(0,0,0,.02);
			background-color: rgba(0,0,0,.04);
		}
		
		.not-ie .testimonials .substrate-rotate-right {
			-webkit-transform: rotate(6deg);
			   -moz-transform: rotate(6deg);
				-ms-transform: rotate(6deg);
				 -o-transform: rotate(6deg);
					transform: rotate(6deg);		
		}
		
			.testimonials .quote-text {
				position: relative;
				margin-bottom: 1.5em;
				padding: 45px 0 40px;
				font: italic 14px/1.6 'Asap';
				color: #6d7a7e;	
			}

			.testimonials .quote-text:after,
			.testimonials .quote-text:before {
				position: absolute;
				width: 33px;
				height: 23px;
				background-image: url(../../../media/images/temas/rpi/quotes.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				content: '';
			}
			
			.testimonials .quote-text:before {left: 0; top: 0;}

			.testimonials .quote-text:after {
				bottom: 0;
				right: 0;
				background-position: right top;
			}
			
			.testimonials .quote-author {
				font: italic 14px/1.6 'Asap';
				color: #000000;
			}

				.testimonials .quote-author span {
					display: block;
					font-size: 12px;
				}

/*---------- BOX---------------*/

/*.box01{width:300px;background:url(../../../media/images/temas/rpi/bgrn30.jpg) repeat-y left top;margin:0 auto}
.box01-top{background:url(../../../media/images/temas/rpi/bgrn31.jpg) no-repeat left top}
.box01-btm{background:url(../../../media/images/temas/rpi/bgrn32.jpg) no-repeat left bottom;padding:11px 0 0 0}*/
.box01 h5{line-height:44px;background:url(../../../media/images/temas/rpi/ini_box.png) no-repeat left center;padding:0 0 0 30px;font-size:18px;color:#3c3c3c;margin:0 0 4px}
.box01 div.box01-header{line-height:44px;background:url(../../images/disenio/ini_box.png) no-repeat left center;padding:0 0 0 30px;font-size:18px;color:#3c3c3c;margin:0 0 4px}

/*.box02{width:300px;background:url(../../../media/images/temas/rpi/bgrn30.jpg) repeat-y left top;margin:0 auto}
.box02-top{background:url(../../../media/images/temas/rpi/bgrn31.jpg) no-repeat left top}
.box02-btm{background:url(../../../media/images/temas/rpi/bgrn32.jpg) no-repeat left bottom;padding:11px 0 0 0}*/
.box02 h5{line-height:44px;background:url(../../../media/images/temas/rpi/ini_box.png) no-repeat left center;padding:0 0 0 30px;font-size:18px;color:#3c3c3c;margin:0 0 4px}

/*.box03{width:295px;background:url(../../../media/images/temas/rpi/bgrn30.jpg) repeat-y left top;margin:0 auto}
.box03-top{background:url(../../../media/images/temas/rpi/bgrn31.jpg) no-repeat left top}
.box03-btm{background:url(../../../media/images/temas/rpi/bgrn31.jpg) no-repeat left bottom;padding:11px 0 0 0}*/
.box03 h5{line-height:44px;background:url(../../../media/images/temas/rpi/ini_box.png) no-repeat left center;padding:0 0 0 30px;font-size:18px;color:#3c3c3c;margin:0 0 4px}


/* ---------------------------------------------------------------------- */
/*	Footer
/* ---------------------------------------------------------------------- */

#footer {
	position: relative;
	margin-top: 5px; /*disminu� margen superior de 35 a 5*/
	padding: 20px 0 20px; /*disminu� margen superior-inferior de 60 a 20*/
	border-top-width: 3px;
	border-top-style: solid;
}

.style-1 #footer {border-top-color: #8ec63f;}
.style-2 #footer {border-top-color: #9f1010;}
.style-3 #footer {border-top-color: #2a7313;}
.style-4 #footer {border-top-color: #d98908;}
.style-5 #footer {border-top-color: #3b5381;}
.style-6 #footer {border-top-color: #4a5063;}

	ul.copyright {
		position: relative;
		clear: both;
		margin: 70px auto 0;
		padding: 50px 0 0;
		width: 84%;
		border-top: 2px solid #e0e1e3;
		list-style: none;
		text-align: center;
	}
	
	ul.copyright:after {
		position: absolute;
		top: -10px;
		left: 50%;
		display: block;
		background: url(../../../media/images/temas/rpi/stars.png) no-repeat 50% 0 #fff;
		width: 135px;
		margin-left: -67px;
		height: 16px;
		content: '';
	}
		
		ul.copyright li:first-child {padding-left: 0;}
		ul.copyright li:first-child:before {margin: 0; content: '';}
	
		ul.copyright li {
			display: inline-block;
			font-size: 11px;
			color: #6d7a7e;
		}
		
		.ie7 ul.copyright li {float: left;}
		
		ul.copyright li:before {
			margin: 0 8px;
			content: '.';
			vertical-align: text-bottom;
			line-height: 1.8;
		}
	
	/* -------------------------------------------------- */
	/*	Widgets
	/* -------------------------------------------------- */

		#footer .widget-container {margin-bottom: 25px;} /*disminui de 55 a 25 margen inferior*/

			#footer .widget-title {
				text-transform: uppercase;
				font-size: 16px;
				font-family: 'Asap';
			}

		/* ---------------------------------------- */
		/*	Custom Menu
		/* ---------------------------------------- */

		#footer ul.menu li {
			padding: 7px 0 6px 0;
			border-bottom: 1px solid #e0e1e3;
		}
		
		#footer ul.menu li:first-child {padding-top: 0;}
		
			.style-1 #footer ul.menu li a {color: #606163;}
			.style-2 #footer ul.menu li a {color: #9f1010;}
			.style-3 #footer ul.menu li a {color: #69ad11;}
			.style-4 #footer ul.menu li a {color: #eba505;}
			.style-5 #footer ul.menu li a {color: #3b5381;}
			.style-6 #footer ul.menu li a {color: #5592b4;}
			
			#footer ul.menu li:hover a {color: #8ec63f;}

		/* ---------------------------------------- */
		/*	Links
		/* ---------------------------------------- */

		#footer .widget_links li {
			padding: 7px 0 6px 0;
			border-bottom: 1px solid #e0e1e3;
		}
		
		#footer .widget_links li:first-child {padding-top: 0;}
		
			.style-1 #footer .widget_links li a {color: #1c7fbd;}
			.style-2 #footer .widget_links li a {color: #9f1010;}
			.style-3 #footer .widget_links li a {color: #69ad11;}
			.style-4 #footer .widget_links li a {color: #eba505;}
			.style-5 #footer .widget_links li a {color: #3b5381;}
			.style-6 #footer .widget_links li a {color: #5592b4;}
			
			#footer .widget_links li:hover a {color: #606163;}
	
		/* ---------------------------------------- */
		/*	Twitter
		/* ---------------------------------------- */

		.tweet {
			position: relative;
			margin: 0 0 15px 0;
			padding: 0 0 0 21px;
		}
		
		.tweet:after {
			position: absolute;
			top: 4px;
			left: 0;
			width: 16px;
			height: 12px;
			background-image: url(../../../media/images/temas/rpi/birds.png);
			background-repeat: no-repeat;
			content: "";
		}
		
		.style-1 .tweet:after,
		.style-5 .tweet:after,
		
		.style-6 .tweet:after {background-position: 0 0;}
		.style-2 .tweet:after {background-position: 0 -16px;}
		.style-3 .tweet:after {background-position: 0 -32px;}
		.style-4 .tweet:after {background-position: 0 -48px;}
		
			.tweet .tweet-content {color: #6d7a7e;}

				.tweet .time {font-size: 11px;}

				.style-1 .time {color: #1c7fbd;}
				.style-2 .time {color: #9f1010;}
				.style-3 .time {color: #69ad11;}
				.style-4 .time {color: #eba505;}
				.style-5 .time {color: #3b5381;}
				.style-6 .time {color: #5592b4;}
				
/* ---------------------------------------------------------------------- */
/*	Widgets
/* ---------------------------------------------------------------------- */

	.container .widget-container {margin-bottom: 25px;} /*disminui de 50 a 25 margen inferior*/
	
		.widget-title {
			text-transform: uppercase;
			font-size: 22px;	
			font-family: 'Asap';
		}
		
		.style-1 .widget-title {color: #8ec63f;}
		
		.style-2 .widget-title,
		.style-3 .widget-title,
		.style-4 .widget-title,
		.style-5 .widget-title,
		.style-6 .widget-title {color: #373a3c;}
		
	/* ---------------------------------------- */
	/*	Back to Top
	/* ---------------------------------------- */

	#back-top {
		position: fixed;
		right: 20px;
		bottom: 20px;
		z-index: 50;
		display: none;
		width: 45px;
		height: 45px;
		background-image: url(../../../media/images/temas/rpi/icons/arrow.png);
		background-position: 50%;
		background-repeat: no-repeat;
		text-indent: -9999px;
		
		-webkit-border-radius: 50%;
		   -moz-border-radius: 50%;
				border-radius: 50%;
		
		-webkit-transition: all .2s linear;
		   -moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			 -o-transition: all .2s linear;
				transition: all .2s linear;
	}
	
		#back-top:hover { 
			 -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
			    -moz-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
					 box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.15), inset 0 0 20px rgba(0,0,0,.2);
		}
		
		
	/* ---------------------------------------- */
	/*	Content Tabs
	/* ---------------------------------------- */

	ul.tabs-nav {
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none outside none;
	}

		.tabs-nav li {
			position: relative;
			float: left;
			overflow: hidden;
			margin: 0;
			padding: 0;
			line-height: 19px;
		}

			ul.tabs-nav li a {
				display: block;
				padding: 10px 30px;
				outline: medium none;
				border: 1px solid #d4d4d4;
				border-bottom: 1px solid #d4d4d4;
				border-left: none;
				background-color: #f6f6f7;
				border-color: #d4d4d4;
				color: #606163;
				text-decoration: none;
				letter-spacing: 0;
				font-size: 13px;
				font-family: 'Asap';
				-webkit-transition: background-color .25s linear;
				   -moz-transition: background-color .25s linear;
					 -o-transition: background-color .25s linear;
						transition: background-color .25s linear;
			}

			ul.tabs-nav li:first-child a {border-left: 1px solid #d4d4d4;}
			ul.tabs-nav li:hover a {background-color: #d4d2d2; color: #fff;}
			
			ul.tabs-nav li.active {line-height: 18px;}
			ul.tabs-nav li.active a {
				background-color: #b8e1f1;
				color: #313131; 
				border-bottom: 0px solid #fff;
			}
		
	.tabs-container {
		overflow: hidden;
		margin: -1px 0 20px;
		width: 100%;
		border: 1px solid #d4d4d4;
	}

		.tab-content {
			padding: 10px 10px;
		}
			

	/* ---------------------------------------- */
	/*	Content Tabs Sidebar gobernador
	/* ---------------------------------------- */

	ul.tabs2-nav {
		overflow: hidden;
		margin: 0;
		padding: 0;
		width: 100%;
		list-style: none outside none;
	}

		.tabs2-nav li {
			position: relative;
			float: left;
			overflow: hidden;
			margin: 0;
			padding: 0;
			line-height: 19px;
		}

			ul.tabs2-nav li a {
				display: block;
				padding: 5px 10px; /**cambie margenes de pesta�a gobernador*/
				outline: medium none;
				border: 1px solid #d4d4d4;
				border-bottom: 1px solid #d4d4d4;
				border-left: none;
				background-color: #f6f6f7;
				border-color: #d4d4d4;
				color: #fff;
				text-decoration: none;
				letter-spacing: 0;
				font-size: 14px; /**cambie tama�o titulos de pesta�a gobernador*/
				font-family: 'Asap';
				-webkit-transition: background-color .25s linear;
				   -moz-transition: background-color .25s linear;
					 -o-transition: background-color .25s linear;
						transition: background-color .25s linear;
			}

			ul.tabs2-nav li:first-child a {border-left: 1px solid #d4d4d4;}
			ul.tabs2-nav li:hover a {background-color: #d4d2d2; color: #fff;}
			
			ul.tabs2-nav li.active {line-height: 18px;}
			ul.tabs2-nav li.active a {
				background-color: #8ec63f;
				color: #fff; 
				border-bottom: 0px solid #fff;
			}
		
	.tabs2-container {
		overflow: hidden;
		margin: -1px 0 20px;
		width: 100%;
		border: 1px solid #d4d4d4;
	}

		.tab2-content {
			padding: 0px 0px;
			background-color: #8ec63f;
		}

		.text {
			padding: 10px 10px;
			background-color: #8ec63f;
		}
			

	/* ---------------------------------------- */
	/*	Accordion Content
	/* ---------------------------------------- */

	.acc-trigger:first-of-type {border-top: 1px solid #d4d4d4;}
	
	.acc-trigger {
		margin: 0;
		display: block;
		cursor: pointer;
		border: 1px solid #d4d4d4;
		border-top: none;
	}

		.acc-trigger a {
			position: relative;
			display: block;
			padding: 10px 20px 10px 38px;
			outline: medium none;
			background-color: #fff;
			color: #606163;
			text-decoration: none;
			font-size: 13px;
			font-family: 'Asap';
			cursor: pointer;
		}
	
		.acc-trigger a:after {
			position: absolute;
			left: 11px;
			top: 50%;
			margin-top: -8px;
			width: 17px;
			height: 17px;
			background-image: url(../../../media/images/temas/rpi/collapse.png);
			background-repeat: no-repeat;
			background-position: 0 0;
			-webkit-border-radius: 50%;
			-moz-border-radius: 50%;
			border-radius: 50%;
			content: '';
		}
		
		.style-1 .acc-trigger a:after,
		.style-1 .trigger:after {background-color: #8ec63f;}
		
		.style-2 .acc-trigger a:after,
		.style-2 .trigger:after {background-color: #E53535;}
		
		.style-3 .acc-trigger a:after,
		.style-3 .trigger:after {background-color: #79B027;}
		
		.style-4 .acc-trigger a:after,
		.style-4 .trigger:after {background-color: #EBA505;}
		
		.style-5 .acc-trigger a:after,
		.style-5 .trigger:after {background-color: #3b5381;}
		
		.style-6 .acc-trigger a:after,
		.style-6 .trigger:after {background-color: #75a9c7;}
		
		.ie7 .acc-trigger a:after {top: 43%;}
		
		.acc-trigger.active a:after {background-position: 0 -17px;}
			
		.acc-trigger.active,
		.acc-trigger.active > a { 
			background-color: #f6f6f7;
			cursor: default !important;
		}
		
		.acc-trigger a:hover {
			background-color: #f6f6f7;
			cursor: pointer;
		}

	.acc-container .content { 
		padding: 25px 20px;
		border-left: 1px solid #d4d4d4;
		border-right: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
	}
	
	/* ---------------------------------------- */
	/*	Content Toggle
	/* ---------------------------------------- */	
	
	.box-toggle {
		margin-bottom: 4px;
		border: 1px solid #d4d4d4;
	}

		.trigger {
			position: relative;
			display: block;
			padding: 10px 20px 10px 38px;
			outline: medium none;
			background-color: #fff;
			color: #606163;
			text-decoration: none;
			font-size: 14px;
			font-family: 'Asap';
			cursor: pointer;
		}
		
		.ie7 .trigger {height: 20px;}

			.trigger:after {
				position: absolute;
				left: 11px;
				top: 50%;
				margin-top: -8px;
				width: 17px;
				height: 17px;
				background-image: url(../../../media/images/temas/rpi/collapse.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				content: '';
			}
			
			.trigger.active {border-bottom: 1px solid #d4d4d4;}
			
			.trigger.active:after {background-position: 0 -17px;}
			
			.trigger:hover,
			.trigger.active {background-color: #f6f6f7;}

		.toggle-container  {
			display: none;
			padding: 15px;
		}


/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	
	#control_panel {display: none;}
	
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
	/* ---------------------------------------------------------------------- */

	.wrap {width: 788px}

	.container {width: 748px;}

		/* -------------------------------------------------- */
		/*	Columns
		/* -------------------------------------------------- */

		.one-half {width: 364px;}

		.one-third {width: 236px;}

			.two-third {width: 492px;}

		.one-fourth {width: 172px;}

			.three-fourth {width: 556px;}
			
	/* ---------------------------------------------------------------------- */
	/*	Header
	/* ---------------------------------------------------------------------- */

		/* -------------------------------------------------- */
		/*	Main Navigation
		/* -------------------------------------------------- */
		
		.navigation > ul > li > a {padding: 0 15px;}
		
	/* ---------------------------------------------------------------------- */
	/*	Home
	/* ---------------------------------------------------------------------- */

		ul.block-with-icons li {width: 248px;}
		
	/* ---------------------------------------------------------------------- */
	/*	Content
	/* ---------------------------------------------------------------------- */

	#content {
		float: left;
		width: 488px;
	}

		/* -------------------------------------------------- */
		/*	Layout
		/* -------------------------------------------------- */

		#content .one-fourth {width: 234px;}
		
	/* ---------------------------------------------------------------------- */
	/*	Events
	/* ---------------------------------------------------------------------- */

		.event-body {width: 245px;}
		
		/* -------------------------------------------------- */
		/*	Columns
		/* -------------------------------------------------- */
		
		.event-body .one-half {width: 232px;}
	
	/* ---------------------------------------------------------------------- */
	/*	Blog
	/* ---------------------------------------------------------------------- */

	.post-item,
	.second .post {
		margin-right: 20px;
		width: 234px;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Contact Us
	/* ---------------------------------------------------------------------- */

	#contact textarea {   
		max-width: 470px;
		min-width: 470px;
		width: 470px;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Sidebar
	/* ---------------------------------------------------------------------- */

	#sidebar {
		float: right;
		width: 220px;
	}
	
		/* -------------------------------------------------- */
		/*	Widgets
		/* -------------------------------------------------- */
                
		.fb-like-box iframe {width: 220px !important;}
		
			/* ---------------------------------------- */
			/*	Search
			/* ---------------------------------------- */

			.widget_search input[type="text"] {
				width: 155px;
			}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
	/* ---------------------------------------------------------------------- */
	
	.wrap {width: 320px;}

	.container {width: 300px;}

		/* -------------------------------------------------- */
		/*	Columns
		/* -------------------------------------------------- */

		.one-half,
		.one-third,
		.one-fourth,
		.two-third,
		.three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half,
		.one-third,
		.one-fourth,
		.two-third,
		.three-fourth {width: 300px;}

	/* ---------------------------------------------------------------------- */
	/*	Header
	/* ---------------------------------------------------------------------- */
	
	#logo {
		float: none;
		display: block;
		text-align: center;
	}
	
	#titulo {
		display: none;
		}
		
	#derecha{
		display: none;
		}	
			
		/* -------------------------------------------------- */
		/*	Main Navigation
		/* -------------------------------------------------- */
		
		.navigation { padding: 0 10px;}
		
		.navigation > ul {display: none;}
		
		.navigation .nav-responsive {display: inline-block;}
		
		a.donate {padding: 0 15px;}
			
		/* -------------------------------------------------- */
		/*	Social Links
		/* -------------------------------------------------- */
		
		ul.social-links {
			float: none;
			text-align: left;
		}

		/* -------------------------------------------------- */
		/*	Empresas
		/* -------------------------------------------------- */
		
		ul.empresas-links {
			float: none;
			text-align: center;
		}
		

	/* ---------------------------------------------------------------------- */
	/*	Home
	/* ---------------------------------------------------------------------- */

		ul.block-with-icons li {
			margin-bottom: 15px;
			width: 100%;
			border: 1px solid #E7E7E9;
			
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		}
		
		/* -------------------------------------------------- */
		/*	Slider
		/* -------------------------------------------------- */
		
		.caption {display: none;}
		
	/* ---------------------------------------------------------------------- */
	/*	Content
	/* ---------------------------------------------------------------------- */

	#content {
		float: none;
		width: 100%;
	}
	
	/* ---------------------------------------------------------------------- */
	/*	Events
	/* ---------------------------------------------------------------------- */

		.event-body {
			float: none;
			width: 100%;
			padding-right: 0;
			border-right: none;
		}
		
		.event-meta {
			float: none;
			width: 100%
		}
		
		
		/* -------------------------------------------------- */
		/*	Columns
		/* -------------------------------------------------- */
		
		.event-body .one-half {width: 100%;}
	
	/* ---------------------------------------------------------------------- */
	/*	Blog
	/* ---------------------------------------------------------------------- */
	
		.post-item:nth-child(1) {border: none;}
	
		.post-item,
		.second .post {
			float: none;
			margin-right: 0;
			width: 100%;
		}
		
		/* -------------------------------------------------- */
		/*	Respond
		/* -------------------------------------------------- */

			#commentform textarea {
				height: 150px;
				max-height: 250px;
				max-width: 278px;
				min-height: 150px;
				min-width: 278px;
				width: 278px;
			}		
		
	/* ---------------------------------------------------------------------- */
	/*	Portfolio
	/* ---------------------------------------------------------------------- */
		
		#portfolio-items article img {width: 300px;}
		
	/* ---------------------------------------------------------------------- */
	/*	Contact Us
	/* ---------------------------------------------------------------------- */
		
		#contact input[type="text"] {width: 278px;}

		.textarea-block label,
		.textarea-block label strong {
			display: block;
		}

		#contact textarea {
			height: 150px;
			max-height: 250px;
			max-width: 278px;
			min-height: 150px;
			min-width: 278px;
			width: 278px;
		}	
		
		#contact .textarea-block label {display: block;}
	
	/* ---------------------------------------------------------------------- */
	/*	Sidebar
	/* ---------------------------------------------------------------------- */

	#sidebar {
		float: none;
		width: 100%;
	}
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* ---------------------------------------------------------------------- */
	/*	Layout
	/* ---------------------------------------------------------------------- */
	
	.wrap {width: 460px;}

	.container {width: 420px;}

		/* -------------------------------------------------- */
		/*	Columns
		/* -------------------------------------------------- */

		.one-half,
		.one-third,
		.one-fourth,
		.two-third,
		.three-fourth {
			float: none;
			margin-right: 0;
		}

		.one-half,
		.one-third,
		.one-fourth,
		.two-third,
		.three-fourth {width: 420px;}
		
		.full-width > .one-fourth {
			float: left;
			width: 200px;
		}
		
	/* ---------------------------------------------------------------------- */
	/*	Header
	/* ---------------------------------------------------------------------- */
	
		#logo {
			float: none;
			display: block;
			text-align: center;
		}
		
		#titulo {
        display: none;
        }
       
    	#derecha {
        display: none;
        }   
       
			
		/* -------------------------------------------------- */
		/*	Main Navigation
		/* -------------------------------------------------- */
		
		.navigation { padding: 0 20px;}
		
		/* -------------------------------------------------- */
		/*	Respond
		/* -------------------------------------------------- */
		
		.contact-form input,
		#commentform input {
			width: 250px;
		}
		
	/* ---------------------------------------------------------------------- */
	/*	Header
	/* ---------------------------------------------------------------------- */
		
		/* -------------------------------------------------- */
		/*	Layout
		/* -------------------------------------------------- */

		#content-noticias .one-fourth {width: 420px;}
		
	/* ---------------------------------------------------------------------- */
	/*	Portfolio
	/* ---------------------------------------------------------------------- */
		
		#portfolio-items article {width: 200px;}
		
			#portfolio-items article img {width: 200px;}
			
		
	/* ---------------------------------------------------------------------- */
	/*	Contact Us
	/* ---------------------------------------------------------------------- */

		#contact input[type="text"] {width: 398px;}	

			#contact .textarea-block label {display: block;}

		#contact textarea,
		#commentform textarea {
			height: 150px;
			max-height: 250px;
			max-width: 398px;
			min-height: 150px;
			min-width: 398px;
			width: 398px;
		}
		
}

	/* ---------------------------------------------------------------------- */
	/*	Keyframes
	/* ---------------------------------------------------------------------- */

	@-webkit-keyframes move {
		0% {
			-moz-transform: scale(0);
		}
		100% {
			-moz-transform: scale(1);
		}
	}
	
	@-moz-keyframes move {
		0% {
			-moz-transform: scale(0);
		}
		100% {
			-moz-transform: scale(1);
		}
	}
	
	@keyframes move {
		0% {
			-moz-transform: scale(0);
		}
		100% {
			-moz-transform: scale(1);
		}
	}

.control_panel {
	position: fixed;
	z-index: 99;
	zoom: 1;
	top: 260px;
	left: 13px;
}

	.control_panel ul {
		padding: 4px;
		background-color: #fff;
	}
	
	.not-ie .control_panel ul {
		-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1);
			-moz-box-shadow: 0 0 7px rgba(0,0,0,.1);
				box-shadow: 0 0 7px rgba(0,0,0,.1);	
	}
	
		.control_panel ul li {margin-top: 3px;}

		.control_panel ul li:first-child {margin-top: 0;}

			.control_panel ul a {
				display: block;
				width: 38px;
				height: 38px;
				border: 1px solid transparent;
			}
			
			.control_panel li.active a {border-color: #000;}

			.control_panel .style-1 {background-color: #8CC63F;}
			.control_panel .style-2 {background-color: #9f1010;}
			.control_panel .style-3 {background-color: #2a7313;}
			.control_panel .style-4 {background-color: #eba505;}

			.control_panel .style-5,
			.control_panel .style-6 {
				background-image: url(../../../media/images/temas/rpi/sprite-style.png);
				background-position: 0 0;

				background-repeat: no-repeat;
			}

			.control_panel .style-6 {background-position: 0 bottom;}

.banner{

		margin-bottom: 10px;	
}
 .simple-shadow {
      
            -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 1px rgba(0, 0, 0, 0.1) inset;
        }


 .drop-shadow {
            position:relative;
            
      
            margin:1em 0px 1em;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        .drop-shadow:before,
        .drop-shadow:after {
            content:"";
            position:absolute;
            z-index:-2;
        }

        .drop-shadow p {
            font-size:18px;
            font-weight:bold;
        }

        /* Lifted corners */

        .lifted {
            -moz-border-radius:4px;
                 border-radius:4px;
        }

        .lifted:before,
        .lifted:after {
            bottom:15px;
            left:10px;
            width:50%;
            height:20%;
            max-width:300px;
            max-height:100px;
            -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
               -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
                    box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }

        .lifted:after {
            right:10px;
            left:auto;
            -webkit-transform:rotate(3deg);
               -moz-transform:rotate(3deg);
                -ms-transform:rotate(3deg);
                 -o-transform:rotate(3deg);
                    transform:rotate(3deg);
        }

        /* Curled corners */
          /* Curled corners */

        .curled {
            border:1px solid #efefef;
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
                 border-radius:0 0 120px 120px / 0 0 6px 6px;
        }

        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            max-height:100px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -webkit-transform:skew(-8deg) rotate(-3deg);
               -moz-transform:skew(-8deg) rotate(-3deg);
                -ms-transform:skew(-8deg) rotate(-3deg);
                 -o-transform:skew(-8deg) rotate(-3deg);
                    transform:skew(-8deg) rotate(-3deg);
        }

        .curled:after {
            right:10px;
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg);
               -moz-transform:skew(8deg) rotate(3deg);
                -ms-transform:skew(8deg) rotate(3deg);
                 -o-transform:skew(8deg) rotate(3deg);
                    transform:skew(8deg) rotate(3deg);
        }

        /* Perspective */

        .perspective:before {
            left:80px;
            bottom:5px;
            width:50%;
            height:35%;
            max-width:200px;
            max-height:50px;
            -webkit-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
               -moz-box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
                    box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4);
            -webkit-transform:skew(50deg);
               -moz-transform:skew(50deg);
                -ms-transform:skew(50deg);
                 -o-transform:skew(50deg);
                    transform:skew(50deg);
            -webkit-transform-origin:0 100%;
               -moz-transform-origin:0 100%;
                -ms-transform-origin:0 100%;
                 -o-transform-origin:0 100%;
                    transform-origin:0 100%;
        }

        .perspective:after {
            display:none;
        }

        /* Raised shadow - no pseudo-elements needed */

        .raised {
            -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }

        /* Curved shadows */

        .curved:before {
            top:10px;
            bottom:10px;
            left:0;
            right:50%;
            -webkit-box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-box-shadow:0 0 15px rgba(0,0,0,0.6);
            box-shadow:0 0 15px rgba(0,0,0,0.6);
            -moz-border-radius:10px / 100px;
            border-radius:10px / 100px;
        }

        .curved-vt-2:before {
            right:0;
        }

        .curved-hz-1:before {
            top:50%;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

        .curved-hz-2:before {
            top:0;
            bottom:0;
            left:10px;
            right:10px;
            -moz-border-radius:100px / 10px;
            border-radius:100px / 10px;
        }

        /* Rotated box */

        .rotated {
            -webkit-box-shadow:none;
               -moz-box-shadow:none;
                    box-shadow:none;
            -webkit-transform:rotate(-3deg);
               -moz-transform:rotate(-3deg);
                -ms-transform:rotate(-3deg);
                 -o-transform:rotate(-3deg);
                    transform:rotate(-3deg);
        }

        .rotated > :first-child:before {
            content:"";
            position:absolute;
            z-index:-1;
            top:0;
            bottom:0;
            left:0;
            right:0;
            background:#fff;
            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
        }