/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11-may-2014, 10:52:44
    Author     : Antonio
*/

body{
font-size: 14px;
	font-family: GillSansLight, Helvetica, Arial, Verdana, sans-serif;
	color: #FFFFFF;
	background: #5e5e5e url("./img/fondo_texto.jpg") repeat-x 0 545px;
	overflow-x: hidden;

}

.topblock
{
  width: 100%;
  height: 60px;
  position: relative;
  z-index: 20;
  
  background-color: transparent;
  background-image: url("./img/topblock_bg.png");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.leftColumn
{
  float: left;
  width: 210px;
  
  position: relative;
  background-color: transparent;
  background-image: url("./img/topblock_bg.png");
  background-repeat: repeat-y;
  background-attachment: scroll;
  background-position: 0px 0px;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  margin-top: 1px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
.leftcolumnArriba{
    background-image: url("./img/columna1.png");
    height: 610px;
    margin-top: -1px;
}
.leftcolumnAbajo{
    /*background-image: url("./img/column2_1.jpg");*/
    background-image: url("./img/columna1.png");
    height: 600px;
    
    
}

.logo-grande{
    background: url("./img/flor-blanca.png") no-repeat 0 0;
    color:white;
    
    
	width: 400px;
	height: 430px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
  opacity: 0.7;

}

.logo-grande p{
  
  font-size: 24px;
  opacity: 1.0!important;
  color: white!important;
  font-weight: bold;
}


.fondo_bloque{
  /*background-image: url('./img/fondo_texto.jpg') !important;*/
  float: left;
  width: 85%;
  z-index: 9999;
}

.contentBlock
{
	float: left;
	/*width: 770px;*/
  
        
	position: relative;
	margin: 530px 0 30px;
        
        /*background-color: black;*/
}

/*Variar el tamaño contentBloc en funcion de la pantalla*/


/* Ordenador */

/* IPAD  */

/* Smartphones (portrait and landscape) ----------- */




@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.contentBlock
{
width: 45%;

}

.fondo_bloque{
  width: 40% !important;
}

.leftColumn{
  width: 0%;
  display: none;
}

.flashContainer{
  display: none!important ;

}

#menus-imagenes img{
  padding: 0px;
}

#menus-imagenes{
  margin-left: 1px;
  
}
.texto-menus{
  padding:5px; 
  background:rgb(205,217,205);
}

#textos{
  width: 300px; !important;
 
  
}

#textos p{
  
  text-align: justify;
}

#textos h1{
  line-height: normal;
}

.bloquespie{
  margin-left:0px!important;
}

#listapie{
  
  width: 25%!important;
  float: left;
  margin-right: 15px;
  font-size: 0.7em;
}

.columna_contacto{
  width: 300px!important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 10px !important;
}

.row{
  width: 300px !important;
}

.columna_servicio_izda{
  width: 100% !important;
  margin-bottom: 10px;
}
.columna_servicio_dcha{
  width: 100% !important;
}



}

@media only screen and (min-device-width : 480px) and (max-device-width : 767px) {

.contentBlock
{
width: 50%;


}

#menus-imagenes img{
  padding: 10px;
}

#menus-imagenes{
  margin-left: 25px;

}

.texto-menus{
  padding:20px; 
  background:rgb(205,217,205);
}

#textos h1{
  line-height: normal;
}
.bloquespie{
  margin-left:0px!important;
}

#listapie{
  
  width: 25%!important;
  float: left;
  margin-right: 15px;
  font-size: 0.7em;
}
.columna_contacto{
  width: 300px!important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 10px !important;
}
.row{
  width: 300px !important;
}

.columna_servicio_izda{
  width: 100% !important;
  margin-bottom: 10px;
}
.columna_servicio_dcha{
  width: 100% !important;
}



}


/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

.contentBlock
{
width: 100%;
}


#menus-imagenes img{
  padding: 10px;
}

#menus-imagenes{
  margin-left: 25px;
}

.texto-menus{
  padding:20px; 
  background:rgb(205,217,205);
}


.fondo_bloque{
  width: 75% !important;
}

#textos h1{
  line-height: normal;
}
.bloquespie{
  margin-left:0px!important;
}

#listapie{
  
  width: 25%!important;
  float: left;
  margin-right: 15px;
  font-size: 0.7em;
}
.columna_contacto{
  width: 330px!important;
  margin-right: 10px !important;
  margin-left: 0px !important;
  margin-bottom: 10px !important;
}

.row{
  width: 800px !important;
}

.columna_servicio_izda{
  width: 45% !important;
  margin-bottom: 10px;
}
.columna_servicio_dcha{
  width: 45% !important;
}

}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.contentBlock
{
width: 100%;

}

.fondo_bloque{
  width: 70% !important;
}

#menus-imagenes img{
  padding: 10px;
}

#menus-imagenes{
  margin-left: 25px;
}
.texto-menus{
  padding:20px; 
  background:rgb(205,217,205);
}

#textos h1{
  line-height: normal;
}
.bloquespie{
  margin-left:0px!important;
}

#listapie{
  
  width: 25%!important;
  float: left;
  margin-right: 15px;
  font-size: 0.7em;
}
.columna_contacto{
  width: 400px!important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  margin-bottom: 10px !important;
}

.row{
  width: 400px !important;

}

.columna_servicio_izda{
  width: 100% !important;
  margin-bottom: 10px;
}
.columna_servicio_dcha{
  width: 100% !important;
}

}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {

.contentBlock
{
width: 100%;

}

.fondo_bloque{
  width: 83% !important;
}

#menus-imagenes img{
  padding: 10px;
}

#menus-imagenes{
  margin-left: 25px;
}
.texto-menus{
  padding:20px; 
  background:rgb(205,217,205);
}

}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}







.flashContainer
{
	width: 100%;
	height: 670px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 0;
  font-family: playball;
  

}
.contenido{
    height: 650px;
}

.imagepromo
{
	float: left;
	position: relative;
	margin: 0 0 25px;
	height: 200px;
        width: 230px;
	
}


.imgDescription
{
  font-size: 12px;
  line-height: 13px;
  margin-top: 5px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  color: #ffffff;
  position: absolute;
  bottom: -1px;
  background-color: transparent;
  background-image: url("./img/topblock_bg.png");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-shadow: #000000;
  width: 215px;
}



.imglinkWrapper
{
	float: right;
	padding-top: 45px;
        
}



.imgImageWrapper
{
	float: left;
	margin: 0 15px 0 0;
	position: relative;
	box-shadow: 0 0 15px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,0.35);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.35);
	border: 1px solid rgba(255,255,255,0.1);
}







.content
{
	line-height: 18px;
	/*text-shadow: -1px -1px 0 #222;*/
	/*width: 960px;*/
  width: 100%;
	padding: 15px 0 0;
	margin: 5px 0 15px 40px;
	clear: both;
	-webkit-transition-property: margin;
	-moz-transition-property: margin;
	-o-transition-property: margin;
	-ms-transition-property: margin;
	transition-property: margin;
	-webkit-transition-duration: 0.35s;
	-moz-transition-duration: 0.35s;
	-o-transition-duration: 0.35s;
	-ms-transition-duration: 0.35s;
	transition-duration: 0.35s;
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.bannerBottom
{
  background-color: transparent;
  background-image: url("./img/transp_fff80.png");
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  height: 60px;
  position: absolute;
  bottom: 0px;
  left: 210px;
  right: 0px;
  z-index: 3;

}
.imgTitle
{
  font-size: 16px;
  text-transform: uppercase;
  line-height: 16px;
  clear: both;
  position: absolute;
  top: 7px;
  font-family: "GillSansLight"!!important;
  color:#666666;
  
  

}


.menuizda ul{
    list-style:none;
    
}
.menuizda li{
    font-size:14px;
    color: #a9a9a9;
    padding-bottom: 10px;
    text-transform: uppercase;
    font-family: "GillSansLight"!!important;
    background-color: transparent;
    background-image: url("./img/sep.png");
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0px bottom;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  padding-top: 7px;
  padding-right: 20px;
  padding-bottom: 7px;
  padding-left: 20px;
  display: block;
  z-index: 99999!important;




}

#listapie{
    list-style: none;
    float: left;
    width: 350px;
}



.pie li{
        font-size:16px;
    font-weight:bold;
    padding-bottom: 5px;
}



#pie-pagina{
    background-color: rgb(153,153,153);
    width: 100%;
    height: 150px;
    font-size:16px;
    font-weight:bold;
}

.bloquespie{
    margin-left: 220px;
    
}

.bloquespie a
{
  color: #f0f0f0;
}


.bloquespie  a:hover
{
  color: #000000;
}



.columna_contacto{
  width: 30%; 
  border-color: white;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
  float: left;
  height: 425px;

}

.columna_espacio{
  margin-left: 15px;
  margin-right: 15px;
}


/* social media icons */
.socialmedia
{
  /*position: fixed;*/
  top: 180px;
  left: 0;
  z-index: 99;
  /*background: rgba(0,0,0,0.65);
  box-shadow: 0 0 30px rgba(0,0,0,0.5);
  -webskit-box-shadow: 0 0 30px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 30px rgba(0,0,0,0.5);*/
}

.socialmedia ul
{
  margin: 0px;
  padding: 10px;
}

.socialmedia li
{
  float: left;
  clear: both;
  width: 72px;
  height: 14px;
  margin-bottom: 15px;
  background: url(./img/socialmedia.png) no-repeat -190px -760px;
}

.socialmedia li a
{
  text-indent: -9999px;
  display: block;
  line-height: 14px;
  height: 14px;
}

.socialmedia .facebook
{
  background-position: -72px 0;
}

.socialmedia .facebook:hover
{
  background-position: 0 0;
}

.socialmedia .twitter
{
  background-position: -72px -14px;
}

.socialmedia .twitter:hover
{
  background-position: 0 -14px;
}

.socialmedia .flickr
{
  background-position: 0 -28px;
}

.socialmedia .flickr:hover
{
  background-position: -72px -28px;
}

.socialmedia .Pinterest
{
  background-position: -72px -42px;
}

.socialmedia .Pinterest:hover
{
  background-position: 0px -42px;
}

.socialmedia .youtube
{
  background-position: -72px -60px;
}

.socialmedia .youtube:hover
{
  background-position: 0px -60px;
}

.socialmedia .blog
{
  background-position: -72px -80px;
}

.socialmedia .blog:hover
{
  background-position: 2px -80px;
}

.socialmedia .googleplus
{
  background-position: -74px -113px;
  height: 16px;
}

.socialmedia .googleplus:hover
{
  background-position: 2px -113px;
}

.socialmedia .instagram
{
  background-position: -72px -96px;
  height: 16px;
}

.socialmedia .instagram:hover
{
  background-position: 2px -96px;
}


/* Hoja de estilos de servicios*/

.row{
  width: 90%;
  background-color: red;
  margin-bottom: 15px;
  height: 100%;
  margin-top: 10px;
}

.columna_servicio_izda{
  float: left;
  width: 40%;
 
  border-color: white;
  border-style: solid;
  border-width: 1px;
  
  height: 100%;
  margin-right: 10px;

}

.columna_servicio_izda  ul{
  list-style:none;
  padding: 0px;
}


.columna_servicio_dcha  ul{
list-style:none;
padding: 0px;
}
.columna_servicio_dcha{
  float: left;
  width: 40%;
  border-color: white;
  border-style: solid;
  border-width: 1px;
  
  height: 100%;
  
  
}

.columna_servicio{
  width:45%;
  
  padding: 10px;
  float: left;

}

.imagen_servicio{
  
  width: 40%;
  padding: 20px 5px 5px 5px;
  
  
  float: left;

}

.imagen_servicio img{
  float: left;
  width: 100%

}

.texto_servicio{
 
 width: 58%;
 text-align: left;
  
  border-width: 1px;
  
  float: left;

}

.texto_servicio h3{
  text-align: center;;
}


.columna_firma{

width:90%;
  
  padding: 10px;
  float: left;

}

.imagen_firma{
  
  width: 40%;
  padding: 20px 5px 5px 5px;
  
  
  float: left;

}

.texto_firma{
 
 width: 58%;
 text-align: justify;;
  
  border-width: 1px;
  
  float: left;

}

.texto_firma h3{
  text-align: center;;
}

.whatsapp {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 0;
  bottom: 90px;
  right: 20px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50px;
  text-align: center;
  font-size: 43px;
  z-index: 100;
}