/* 
    Document   : servicios
    Created on : 05/08/2013, 05:10:49 PM
    Author     : leonardo
    Description:
        Purpose of the stylesheet follows.
*/


#sqservicios{
    width: 763px;
    height: 500px;  
    margin-left: 57px;
    margin-top: -20px;
}

#botonesServ{
    background-image: url(../images/servicios/fondoBotones.png);
    background-repeat: repeat-x;
    width: 763px;
    height: 45px;
    
    text-align: center;
    font-family: "RobotoSuLigth";
    font-size: 18px;
    font-weight: lighter;     
    text-decoration: none;    
}

#botonesServ .tab-infra-seleccionado{
    font-weight: bold;
}

#separadorServicios{
    background-image: url(../images/servicios/separador.png);
    background-repeat: no-repeat;
    width: 1px;
    height: 45px;    
    float: left;
}

#btnServicios01{
    padding-top: 13px;
    width: 134px;
    height: 45px;
    float: left;    
}

#btnServicios02{
    padding-top: 13px;
    width: 145px;
    height: 45px;
    float: left;    
}

#btnServicios03{
    padding-top: 13px;
    width: 100px;
    height: 45px;
    float: left;    
}

#btnServicios04{
    padding-top: 13px;
    width: 138px;
    height: 45px;
    float: left;    
}

#btnServicios05{
    padding-top: 13px;
    width: 120px;
    height: 45px;
    float: left;    
}

#btnServicios06{
  padding-top: 5px;
  font-size: 15px;
  width: 121px;
  height: 45px;
  float: left;    
}

#btnServicios01:hover, #btnServicios02:hover, #btnServicios03:hover, #btnServicios04:hover,
#btnServicios05:hover, #btnServicios06:hover{
    background-image: url(../images/servicios/overbtn.png);
    background-repeat: repeat-x;
    color: #fff;
    cursor: pointer;    
}

#btnServicios01Active{
    background-image: url(../images/servicios/overbtn.png);
    background-repeat: repeat-x;
    color: #fff;
    padding-top: 13px;
    width: 134px;
    height: 45px;
    float: left;    
}

#btnServicios02Active{
    background-image: url(../images/servicios/overbtn.png);
    background-repeat: repeat-x;
    color: #fff;
    padding-top: 13px;
    width: 145px;
    height: 45px;
    float: left;    
}

#btnServicios03Active{
    background-image: url(../images/servicios/overbtn.png);
    background-repeat: repeat-x;
    color: #fff;
    padding-top: 13px;
    width: 100px;
    height: 45px;
    float: left;    
}

#btnServicios04Active{
    background-image: url(../images/servicios/overbtn.png);
    background-repeat: repeat-x;
    color: #fff;
    padding-top: 13px;
    width: 138px;
    height: 45px;
    float: left;    
}

#btnServicios05Active{
    background-image: url(../images/servicios/overbtn.png);
    background-repeat: repeat-x;
    color: #fff;
    padding-top: 13px;
    width: 120px;
    height: 45px;
    float: left;    
}

#btnServicios06Active{
    background-image: url(../images/servicios/overbtn.png);
    background-repeat: repeat-x;
    color: #fff;
    padding-top: 13px;
    width: 121px;
    height: 45px;
    float: left;    
}

#imagenServicios{
    width: 763px;
    height: 389px;
    position: relative;
}

#curvaImagenServicios{
    background-image: url(../images/servicios/curva.png);
    background-repeat: no-repeat;
    width: 763px;
    height: 74px;
    bottom: 0;
    position: absolute;
    z-index: 20;
}

#btnCotizacion{
    width: 100px;
    height: 50px;
    float: right;
    margin-right: 15px;
    margin-top: 25px;
    text-align: center;    
}

#btnCotizacion a{
    font-family: "RobotoSuLigth";
    font-size: 14px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #6C6C6C;
}

#btnCotizacion a:hover{
    font-family: "RobotoSuLigth";
    font-size: 14px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #028bb2;
}

#btndisponibilidad{
    width: 100px;
    height: 50px;
    float: right;
    margin-right: 10px;
    margin-top: 25px;
    text-align: center;
    font-family: "RobotoSuLigth";
    font-size: 14px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #6C6C6C;    
}

#btndisponibilidad:hover{
    color: #028bb2;
    cursor: pointer;
}

#btndisponibilidad2{
    width: 100px;
    height: 50px;
    float: right;
    margin-right: 10px;
    margin-top: 25px;
    text-align: center;
    font-family: "RobotoSuLigth";
    font-size: 14px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #6C6C6C;    
}

#btndisponibilidad2:hover{
    color: #028bb2;
    cursor: pointer;
}

#fondoFotos{
    background-image: url(../images/servicios/fonfoFotos.png);
    background-repeat: no-repeat;
    width: 763px;
    height: 65px;
    position: relative;
}

#thumbnailBar01{
    width: 735px;
    height: 46px;
    margin-left: 15px;
    top: 10px;
    position: absolute;
}

#thumbnailBar01 img, #thumbnailBar02 img, #thumbnailBar03 img, 
#thumbnailBar04 img, #thumbnailBar05 img, #thumbnailBar06 img {
    width: 76px;
    height: 46px;
    float: left;
}

#thumbnailBar02, #thumbnailBar03, #thumbnailBar04, #thumbnailBar05, #thumbnailBar06{
    width: 735px;
    height: 46px;
    margin-left: 15px;
    top: 10px;
    position: absolute;
    display: none;
}

#thumbnailSpace{
    width: 20px;
    float: left;
}

#thumbnailBarImg{
    background-color: #a5a7a7;
    width: 73px;
    height: 46px;
    float: left;
    cursor: pointer;
}

#showimagenServ{
    width: 763px;
    height: 389px;
}

#frame360{
    width: 763px;
    height: 389px;    
    margin-top: -20px;
    border: none;
}

#showimgen360{
    width: 763px;
    height: 389px;
    display: none;
    position: relative;
    z-index: -1;
}

#btnimg360{
    background-image: url(../images/servicios/vista360btn.png);
    text-align: center;
    width: 75px;
    height: 46px;
    margin-left: 15px;
    right: 0px;
    position: absolute;    
    cursor: pointer;
    font-family: "RobotoSu";
    padding-top: 3px;
    font-size: 13px;
    font-weight: lighter;     
    text-decoration: none;    
    color: #e0dfdf;
    
}

#showimagenServ360{
    width: 763px;
    height: 389px;
    display: none;  
    position: relative;
}

/******************************************************************************/
/**                             PANORAMICAS                                  **/
/******************************************************************************/

#ThumbContainer {position:absolute; 
    width:763px; 
    height:389px; 
    clip: rect(0px, 2231px, 389px, 0px);
    overflow: hidden;
    visibility: visible;
    background-color: #ff0;
    position: absolute;
}

#LayerThumbs {
	position:absolute;
	left:0px;
	top:0px;
	width:2231px;
	z-index:11;
	height: 389px;
}

#btnderecha{
        background-image: url(../images/servicios/icoder.png);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 30px;
	z-index:15;
}

#btnizquierda{
        background-image: url(../images/servicios/icoizq.png);
	width: 40px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 30px;
	z-index:15;
}


#CtrlRite{
	position:absolute; 
	left:680px; 
	top:0px; 
	width:40px; 
	z-index:14; 
	height: 40px;
}

#CtrlLeft{
	position:absolute; 
	left:620px; 
	top:0px; 
	width:40px; 
	height: 40px;
	z-index:13;
}

				.divtabla input{
					border:1px solid #ccc;
					padding: 1px;
				}
				
				.divtabla{
					display: table;
					width: 100%;
				}
				
				.divrow{
					display: table-row;
				}
				
				.divrow div{
					display: table-cell;
					padding: 5px;
				}
				
				.divtabla label{
					cursor: pointer;
				}
				
				.divtabla ul{
					list-style: none;
					margin: 0;
					padding: 0;
				}
				.formulario-advertencia{
					font-size: 11px;
					color: grey;
				}				
				.divtabla ul li{
					display: inline-block;
					margin: 5px 0;
					min-width: 160px;
				}
			.mensaje-error{
                color: red;
            }
            .formulario-infra{
                width: 400px;
                margin: 0 auto;
            }