/* * -----------------------------------------------------------------------
- * gafotos template for joomla 2.5 * -
----------------------------------------------------------------------- 
* Copyright (C) 20012 VorteX Center All Rights Reserved. 
* Author: VorteX Center * Websites: http://www.vortexcenter.com.ar * 
------------------------------------------------------------------------*/

/* Variables A�n no est� disponible para utilizar */
/* Colores */
/*
	$naranja = #FF8800; Utilizado para los t�tulos
	$naranja:fuerte = rgb(255, 162, 0);
	$naranja_claro = #FFAD00;
	$gris = #333;
	$gris_claro = #FAFAFA;
	$verde = #94DE5B;
	
	degradado
		background-color: transparent;
		background-image: -moz-linear-gradient( right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100.0%);
		background-image: -webkit-linear-gradient( right, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100.0%);
		background-image: -o-linear-gradient( right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100.0%);
		background-image: -ms-linear-gradient( right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100.0%);
		background-image: linear-gradient( right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%,rgba(255, 255, 255, 0) 100.0%);
	
*/

/*-------GENERAL-------*/

body#bd {
	color: #333;
	background: url(../images/bg_body.png) center repeat;
}
.main{
	border: 2px solid white;
	
	background-color: #FAFAFA;
	box-shadow: 	0px -15px 35px 10px white !important;
	-moz-box-shadow: 	0px -15px 35px 10px white !important;
	-webkit-box-shadow: 0px -15px 35px 10px white !important;
}
#ja-main .inner {
	padding: 0;
}
a{color: #FF8800;}
a:focus {color: #FFAD00;}
a:hover{color: #94DE5B;}
a:active {color: grey;}
.contentheading, .componentheading, h1, h2, h3, h4, h5{
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
}
.main.clearfix {
	background-color: white;
}
/* FORM
--------------------------------------------------------- */
input[type=checkbox], input[type=radio]{
    margin-top: 2px !important;
}
.vf_form input[type=checkbox]+label{
    padding-left: 25px !important;
}
input, select, textarea, .inputbox { font-size: 100%; }
input[type=number] {
    text-align: center;
    width: 65px !important;
}
.inputbox { }
.inputbox:hover, .inputbox:focus { }
.button { }
.button:hover, .button:focus { }
.checkbox { }
.radio { }
fieldset { border: none; margin: 0; padding: 5px 0; }
legend {	font-size: 125%; font-weight: bolder; line-height: 1.2; }
.hidelabeltxt { display: none; }
fieldset dt {
	clear: left;
	float: left;
	min-width: 12em;
	padding: 3px 0;
}
fieldset dd {
	padding: 3px 0;
	min-height: 25px;
}
textarea.ga-field {
    min-width: 300px;
    min-height: 150px;
}

/*-------FIN GENERAL-------*/

/****************************************************************************************************************************/

/*-------SNIPETS-------*/
	.one-edge-shadow {
		-webkit-box-shadow: 0px 8px 6px -6px black;
		   -moz-box-shadow: 0px 8px 6px -6px black;
				box-shadow: 0px 8px 6px -6px black;
	}
/*-------SNIPETS-------*/

/****************************************************************************************************************************/
	
/*-------TOP-------*/
#ja-absolute {
	position: fixed;
	z-index: 6;
	bottom: 30px;
	right: 10%;
	width: 0;
	height: 0;
}
#ja-absolute > div {
	width: 0;
	height: 0;
	-webkit-box-shadow: 0 0 !important;
	moz-box-shadow: 0 0 !important;
	box-shadow: 0 0 !important;
	border: 0;
}

#ga-flotante{/*Esto se puede reemplazar por la position Absolute integrada en Joomla*/
/* 	width: 300px; */
	position: fixed;
	z-index: 999999999;
	bottom: 0px;
	right: 13%;
}
	/* Top Button */
	a.k2Anchor:hover {
		color: #94DE5B;
		
		box-shadow: 		0px 0px 10px 4px white;
		-webkit-box-shadow: 0px 0px 10px 4px white;
		-moz-box-shadow: 	0px 0px 10px 4px white;
	}
	a.k2Anchor{
		width: 28px;
		height: 28px;
		top: 2px;
		
		padding: 10px;
		margin: 10px;
		
		color: #FFAD00;
		font-family: Trebuchet MS, Arial;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		line-height: 28px;
		
		border: 2px solid #D4D0CF;
		border-radius: 			40% 40% 0px 0px;
		-webkit-border-radius:  40% 40% 0px 0px;
		-moz-border-radius: 	40% 40% 0px 0px;
		
		background: none repeat scroll 0 0 #2D2E30;
	}
/* Logo Image */
h1.logo {
	position: absolute;
	left: 10px;	
	top: 18px;
	z-index: 10 !important;
	
	background: none !important;
}
h1.logo a {
	width: 185px !important;
	height: 120px !important;
	
	padding: 10px;
	
	background: url('../images/logo.png') no-repeat left !important;
	background-position: 5px 5px !important;
}
.img_logo{
    background: url('../images/logo.png') no-repeat left;
}
/*Menu de navegaci�n*/
#ga-nav{
	position: relative;
	float: right;

	padding-top: 17px;
	
	background-color: #FAFAFA;
}
	#ja-cssmenu li a.active{color: #FF8800;}
	#ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus {color: #FFAD00;}
	#ja-cssmenu li a.active:hover, #ja-cssmenu li a:hover{color: #94DE5B;}
	#ja-cssmenu li a, #ja-cssmenu li a:active, #ja-cssmenu li a:focus {color: grey;}
	#ja-cssmenu li{
		padding-left: 3px;
		
		background-image: url('../images/5puntos-chico.png');
		background-repeat: no-repeat;
		background-position: 0px 5px;
	}
	/* Sub Menu */
	#ja-cssmenu li ul a.active:hover, #ja-cssmenu li ul a:hover{color: #94DE5B; background-color: rgba(255, 255, 255, 1) !important;}
	#ja-cssmenu li ul{
		position: absolute !important;
		z-index: 9999 !important;
		
		margin: 0px;
		
		font-weight : bold !important;
		font-size : 1.2em !important;
		
		background-color : transparent !important;
	}
	#ja-cssmenu li ul a{
		width: 175px!important;
		
		padding: 8px 0px 8px 15px;
		
		font-size: 0.75em;
		font-weight: bold;
		color: #555555;

		background-color: rgba(255, 255, 255, 0.75) !important;
		background-image: url('../images/3puntos.png');
		background-repeat: no-repeat;
		background-position: 3px 5px;
	}
/*-------FIN TOP-------*/		
	
/****************************************************************************************************************************/
	
/*-------MIDDLE-------*/
	/*Secciones */
	.ga-seccion-content{
		position:inherit;
		clear: both;
		
		margin: 0;
		padding: 0;
	}
	#ja-current-content, #ja-mainh{
		background-color: white;
	}
	.ga-secciones{
		margin-top: 100px;
		margin-bottom: 50px;
	}
	.ga-seccion{
		padding: 0px 6px 0 6px;
		margin: 0px 10px 30px 10px;
		
		background-color: #FAFAFA;
		background-image: url('../images/5puntos.png');
		background-repeat: no-repeat;
		background-position: 100% 80px;
		
		box-shadow: 		0px 8px 13px -4px rgba(0, 0, 0, 0.75);
		-webkit-box-shadow: 0px 8px 13px -4px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: 	0px 8px 13px -4px rgba(0, 0, 0, 0.75);
	}
	/* Encabezado Seccion */
	.ga-seccion-h{
		padding-left: 23px;
		padding-top: 5px;
		
		background-image: url('../images/5puntos-chico.png');
		background-repeat: no-repeat;
		background-position: 5px 15px;
		
		font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
		font-size: 1.9em;
		text-transform: none;
		color: #FF8800;

		border-bottom: 1px solid #FF8800;
	}
	.ga-seccion-item{
		padding: 10px 50px 10px 50px;
		
		background-image: url('../images/3puntos.png');
		background-position: 35px 23px;
		background-repeat: no-repeat;
	}
	/* Encabezado de m�dulos */
	div.ja-moduletable h3, div.moduletable h3 {
		font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
		font-size: 1.3em;
		text-transform: none;
		color: #FF8800;
		
		border-bottom: 1px solid #CCC;
	}
	.ga-encabezado-2{
		margin-bottom: 15px;
		padding-top: 7px;
	
		font-family: Trebuchet MS, Helvetica, Arial, sans-serif;
		font-size: 1.3em;
		text-transform: none;
		color: #FF8800;
		
		border-bottom: 1px solid #CCC;
	}
	.items-leading .leading{
		padding: 0 50px 0 50px;
	}
	.bubble-4 .ja-typo-bubblect{
		background-color: #94DE5B;
	}
	.bubble-4 span.ja-typo-bubble-arrow{
		background: none;
	}
/*-------FIN MIDDLE-------*/

/****************************************************************************************************************************/

/*-------SOCIAL-------*/

#ga-feed{
	height: 550px;
}
	.feedsocial-item{
		width: 389px;
		height: 448px;
		position: relative;
		float: left;
		margin: 10px;
		
		border: none;
	}
		.feedsocial-item-inner{	
			margin-top: 10px;
			
			box-shadow: 		0px 8px 13px -4px rgba(0, 0, 0, 0.75);
			-webkit-box-shadow: 0px 8px 13px -4px rgba(0, 0, 0, 0.75);
			-moz-box-shadow: 	0px 8px 13px -4px rgba(0, 0, 0, 0.75);
		}
			.newsfeed-item:hover{
				color: #ff8800;
				background-color: #F0F0F0;
				cursor: default;
			}
		#ga-plusfeed{
			padding: 0px;
			overflow: hidden;

			border: solid 1px #ccc;
			border-radius: 			3px;
			-webkit-border-radius:  3px;
			-moz-border-radius: 	3px;

			background-color: white;
		}
		#ga-plusfeed.feedsocial-item  span{
			color: rgb(255, 162, 0);
		}
			li.newsfeed-item {
				width: 365px;
				height: 78px;
				position: relative;
				float: left;
				padding: 12px;
				overflow: hidden;
				
				text-decoration: none;
				
				border-bottom: solid 1px #CCC;	
			}
				li.newsfeed-item  p{
					height: 70px;
					margin-top: 5px;
					overflow: auto;
				}
				li.newsfeed-item  a{
					text-decoration: none;
					color: #BA0909;
				}
					li.newsfeed-item  a:hover{
						text-decoration: none;
						color: #94DE5B;
						cursor: pointer;
					}
		#ga-socialfeed div.ja-moduletable, #ga-socialfeed div.moduletable{
			padding: 0px;
		}
/*-------FIN SOCIAL-------*/

/****************************************************************************************************************************/

/*-------BOTTOM-------*/
#footer.ga-seccion{
	padding-bottom: 20px;
	border: 2px solid white;
}
#ga-bottom-spots{
	width: 300px;
}
/*---/*---------CONOCENOS---------*****/
	#ga-conocenos{
		height: 410px;
		position: relative !important;
		
		margin-bottom: 35px;
		
		box-shadow: 		0px 8px 13px -4px rgba(0, 0, 0, 0.7);
		-webkit-box-shadow: 0px 8px 13px -4px rgba(0, 0, 0, 0.7);
		-moz-box-shadow: 	0px 8px 13px -4px rgba(0, 0, 0, 0.7);
	}
		#ga-conocenos-primerplano{
			position: absolute;
			top: 0;
			left: 0;
		}
			#ga-conocenos-logo{
				width: 200px;
				height: 140px;
				position: inherit;
				top: 10px;
				left: 10px;
				
				background-image: url('../images/logo.png');
				background-repeat: no-repeat;
			}	
			#ga-conocenos-texto{
				width: 300px;
				position: inherit;
				top: 300px;
				left: 20px;

				font-family: trebuchet ms;
				font-size: 1.2em;
				color: white;
				text-shadow: 		1px 1px 2px black;
				-webkit-text-shadow:1px 1px 2px black;
				-moz-text-shadow: 	1px 1px 2px black;
			}	
		#ga-conocenos-spots{
			height: 390px;
			position: inherit;
			left: 505px;
			top: 10px;
			
			overflow: hidden;
		}
		#ga-conocenos-spots>div{
			margin: 0 auto 13px auto;
		}
			#ga-conocenos-contactar{
				width: 232px;
				height: 30px;
				margin: 10px auto 0 auto;
			}
			#ga-conocenos-contactar> a{
				margin: 0;
			}
			.fb_iframe_widget{ /* facebook like box  bg fix */
				background-color: white;
			}
			.sp_gpBadge{
				width: 300px;
				height: 118px;
			}
/*---/*-------FIN CONOCENOS-------*****/
/*---/*---------ENCUENTRANOS---------*****/
	#ga-encuentranos-texto{
		


		font-weight: bold;
		font-family: trebuchet ms;
	
		overflow: hidden;
		height: 233px;
}
		#ga-encuentranos-texto span{
			font-size: 0.9em;
			color: #FF8800;
		}
		#ga-encuentranos-texto p{
			margin-bottom: 5px;
			padding-bottom: 5px;
			border-bottom: solid 1px #ccc;
		
			line-height: 133%;
			padding-bottom: 10px;
}
	#ga-encuentranos-map{  height: 400px;  
			
			margin-bottom: 35px;
			
			box-shadow: 		0px 8px 13px -4px rgba(0, 0, 0, 0.7);
			-webkit-box-shadow: 0px 8px 13px -4px rgba(0, 0, 0, 0.7);
			-moz-box-shadow: 	0px 8px 13px -4px rgba(0, 0, 0, 0.7);
		}
	div.ga-comollegar > a {
	    font-weight: normal;
        text-decoration: none;
        text-align: center;
        width: 100%;
        
    
	    margin-top: 5px;
	    margin-left: 30px;
	    background: none;
    }
    
.encuentranos {
    background-size: 180px;    
    height: 120px;
    background-position-x: -10px;
}

.ga-comollegar {
    height: 25px;
    width: 110px;
    margin: auto;
    background-image: url('../images/mobile/icons/flecha.png');
    background-size: 25px;
    background-repeat: no-repeat;
    position: relative;
}

    .rating_label{
        position: relative;
        float: left;
        margin-right: 10px;
    }
    .star {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    }
    .star_on {
        background-color: green;
    }
    #ga-places-comments {
        height: 67px;
        width: 490px;
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
        padding-top: 5px;
        margin-top: 8px;
        overflow: auto;
        font-family : Helvetica, Verdana, Arial;
        font-size: 90%;
        line-height: 130%;
        font-weight: normal;
        color: #666;    
}
.comments_img {
    float: left;
    margin-right: 10px;
}
.comments_name {
    text-decoration: none;
    margin-right: 10px;
}
.comments_time {
    color: rgb(172, 172, 172) !important;
}
.comment {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ccc;
    min-height: 50px;
}

/*---/*-------FIN ENCUENTRANOS-------*****/
/*-------FIN BOTTOM-------*/

/****************************************************************************************************************************/

/*-------CONTACTO-------*/
.hidden{
    visibility: hidden;
}

.ga-modal {
    width: 100%;  height: 100%;  position: fixed;  top: 0px;  left: 0px;  z-index: 160000 !important;  background-color: rgba(255,255,255,0.8);
}
.ga-modal-pos {
    height: 0px;  position: absolute;  top: 50%;  left: 50%;
}
.ga-modal-pos > div {
    width: 450px;  height: 440px;  position: relative;  margin-top: -50%;  margin-left: -50%;  padding: 25px;  border: 4px solid grey;  background-color: #FAFAFA;  box-shadow: 1px 1px 15px 5px white;  -webkit-box-shadow: 1px 1px 15px 5px white;  -moz-box-shadow: 1px 1px 15px 5px white;
}
.ga-modal-close {
    width: 35px;  height: 35px;  position: absolute;  top: 10px;  right: 10px;  background-image: url("../images/close.png");
}
.ga-modal-close:hover{
	background-image: url("../images/close_h.png");
}
#presupuesto > form {
    margin-top: 30px;
}
			#ga-form_logo{
				position: relative;
				width: 200px;
				height: 150px;
				top: 0;
				float: left;
				left: 0;
				background-image: url('../images/logo.png');
				background-repeat: no-repeat;
			}
			#ga-form_intro{
				position: relative;
				float: left;
				margin: 10px;
				width: 220px;
				font-size: 1.2em;
				font-family: trebuchet ms, helvetica, arial;
			}
			textarea#message{
				width: 100%;
			}
			.ga-form_button{
				position: relative;
				float: left;
				border: solid 2px #64B300;
				background: green;
				padding: 5px;
				color: white;
			}
			.ga-form_fieldset{
				width: 100%;
				padding: 5px;
				float: none;
			}
			.sp_quickcontact{
				position: relative;
				margin-top: 110px;
			}
			.sp_qc_clr{
				/* position: absolute; */
				position: relative;
				clear: none;
				margin: 20px;
			}
			#ga_form_button{
				float: left;
				width: 150px;
			}
			#sp_qc_status{
				float: left;
				width: 220px;
				margin: 20px;
				font-weight: bold;
			}
			#contact-form {
                clear: both;
            
                background: transparent;
                border: none;
}
            #contact-status {
                width: 220px;
                float: left;
                clear: none;
            }
            #contact-form > div.vf_fieldset {
                display: block !important;
                margin-bottom: 10px;
            }
            #contact-form > textarea {
                float: right;
                width: 350px;
            }
            .ga-textarea {
    width: 100%;
            }
            #contact-form > *.input-prepend > *.vf_field {
            
                width: 415px;
}
            #contact-form > *.input-prepend > textarea.vf_field {
                width: 100%;
            }
            #contact-form > *.input-prepend {
                margin : 10px 0 0 0;
                position: relative;
                width: 100%;
            
}
            .ga-contact-row {
                width: 221px !important;
                float: left;
                white-space: nowrap;
                clear: none;
}
            .ga-contact-endrow {
                clear: both;
                float: none;
                width: 100%;
}
.input-prepend.ga-contact-row > input{
    width: 190px;
}
.input-prepend.ga-contact-endrow > input, .input-prepend.ga-textarea > textarea {
    width: 422px;
}
.input-prepend.ga-textarea > textarea {
    width: 100%;
left: 0;
}
            #contact-boton {
                width: 150px;
            
}
            #contact-form > *.ga-contact-row > *.vf_field {
                width: 190px;
            }
/*-------FIN CONTACTO-------*/


/*-------PRESUPUESTO-------*/

#budget-form {
}
/*-------FIN PRESUPUESTO-------*/


/****************************************************************************************************************************/

/*-------FOOTER-------*/
.legend-2{
	font-family: Trebuchet MS, Helvetica, Arial, sans-serif;

	border: 3px solid #FF8800;
	background-color: rgba(255, 255, 255, 0.63);
}
.legend-2 .legend-title{
	color: #FF8800;
	background-color: #FAFAFA;
}
.legend-2 h2{
	font-weight: bold;
}
/*-------FIN FOOTER-------*/


/****************************************************************************************************************************/

/*-------SPLASH-------*/
#warning {
	position: fixed;
	z-index: 9999999999999999;
	background-color: white;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
/* Skip to content */
#skip_warning {
	width: 352px;
	height: 40px;
	background-image: url('../images/front/close_incompatible.png');
	background-repeat: no-repeat;
	position: absolute;
	left: 50px;
}
#incompatible{
	background: white;
	width: 790px;
	height: 450px;
	position: relative;
	top: 50px;
	margin-left: 50px;
	padding: 30px;
	border: solid 10px #999;
	line-height: 2.3em;
}
/*-------FIN SPLASH-------*/