@import url('https://fonts.googleapis.com/css?family=Neucha');

/*.flexslider .slides img{width:auto!important;}
 .slides > li{display:flex!important;justify-content:center!important;}*/


body{
font-family: 'Neucha', cursive;margin:0;padding:0;
}

.logo_bruneaflors{width:100%;}
.logo_bruneaflors img{
	width:30%;
	margin-left:35%;
}


/*MENU WEB*/

#contenidor_menu{display:flex;justify-content:center;width:100%;}
#navmenu-h{padding:0;display:flex;justify-content:center;flex-flow:row wrap;}
#navmenu-h li{list-style:none;margin:1%;}
#navmenu-h a{text-decoration:none;color:#222;}
#navmenu-h a:hover{color:#555;}
#banderes ul{display:none;position:absolute;background-color:#fff;padding:0;padding:1%;}
#div_fl_esquerra{display:none;}


/*MENU BOTIGA*/
#menubotiga{display:none;width:80%;margin-left:10%;justify-content:center;flex-flow:row wrap;}
#titol_prodbotiga{display:flex;justify-content:center;cursor:pointer;font-size:18px;}
#titol_prodbotiga:hover{text-decoration:underline;}
#titol_prodbotiga img{display:none;text-align:center;}
#menubotiga li{
	display:none;display:flex;justify-content:center;align-items:center;
	flex-flow:row wrap;
	list-style:none;margin:1%;width:20.5%;
	padding:1% 0 1% 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #ccc;
}
#menubotiga a{text-decoration:none;color:#777;font-size:18px;font-weight:bold;}
#menubotiga a:hover{color:#000;}
#menubotiga ul{padding:0;padding:1%;}
#menubotiga ul li a{color:#999;font-size:16px;}
#menubotiga ul li{width:100%;border: none;}
#titol_botiga{display:none;}

.cos_inici{width:80%;margin-left:10%;}

.cos_noinici{width:80%;margin-left:10%;
display:flex;flex-flow:row wrap;justify-content:center;
}


/* PRODUCTES NORMALS */

.cos_noinici .productes_seccio{width:44%;display:flex;justify-content:center;flex-flow:row wrap;outline:solid 1px #ddd;margin:1%;height:12vw;overflow:hidden;padding:2%;height:auto;}
.cos_noinici .titol_producte_normals{text-align:center;}
.cos_noinici .texte_producte_normals{display:none;}
.cos_noinici .productes_seccio img{margin:2%;}
.cos_noinici img{/* outline:solid 1px #ddd;padding:10%; */}

.contingut_producte_normal{width:100%;}
.cos_inici .productes_seccio{width:70%;float:inherit;}/* Especial per la pàgina d'inici */
.titol_producte_normals a{color:#777;}

#titol_seccio{display:none;}

#slide_producte_normal{width:70%;float:left;height:30vw;margin-left:15%;}
#prod_lateral{width:25%;float:right;}
#prod_lateral img{width:100%}
#tit_18637{display:none;}

.productes_sec_botiga{float:left;width:29%;margin:1%;display:flex;justify-content:center;flex-flow:row wrap;outline:solid 1px #eee;padding:1%;}
.paginador{width:100%;display:flex;justify-content:center;flex-flow:row wrap;}
.paginador span{margin:0.8%;}
.paginador span a{color:#000;font-weight:bold;text-decoration:none;font-size:24px;color:#7A1618;}
.paginador span a:hover{text-decoration:underline;}

.imatges_productes_botiga{width:60%;margin:1%;}

.imatges_productes_botiga img{
	width:100%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}
.texte_productes_botiga{width:100%;}
.titol_producte_botiga{text-align:center;height:60px;}
.preu_a_sec{width:100%;text-align:center;font-size:28px;color:#555;}

.slide_no_inici{width:100%!important;margin:0;padding:0;display:flex;justify-content:center;}
.slide_no_inici #slide_producte{width:30%;}




/* Peu */
#sota{width:100%;background-color:#BBC69E;display:flex;justify-content:center;flex-flow:row wrap;color:#000;
font-size:16px!important;font-family:arial!important;
}
#sota *{color:#000!important;}
.part_peu {
    width: 33.3%;
    min-width: 280px;
    margin: 0;
    padding: 0;
    height: 220px;
}
#de_tit {   width: 100%;   padding: 10px;}
.de_img {   padding: 2px;   width: 4%;   float: left;}
.de_div {    padding: 4px;    width: 90%;    float: left;}
#dades_empresa {    padding: 4%;    margin-left: 2%;}
.de_linia {    padding: 2px;    width: 100%;    float: left}

/* Mapa Google */

#map_canvas {    width: 96%;    height: 96%;    margin: 2% 0 0 2%;}

/* Barra Social */

#barra_social {
    width: 90%;
    margin-left: 5%;
    height: 90%;
    margin-top: 5%;
    text-align: center;
}
.div_interior {
    width: 100%;
    height: 30px;
    padding-top: 20px;
}

.div_interior a {text-decoration: none;}
.div_interior img {width: 28px; height: 28px;}
/* Politiques i condicions i agraïments*/

.t_peu {width: 90%;    margin: 5%;}
.t_peu ul li {list-style: none;}
.t_peu ul li a {text-decoration: none;}
.titols_peu {width: 50%; float: left;}


/* CONTINGUTS DE L'INICI */

#composicio_inici{display:flex;justify-content:space-between;flex-flow:row wrap;width:100%;align-items:flex-start;}
#benvinguts{width:98%;margin:1%;font-size:26px;}
#la_teva{width:98%;margin:1%;font-size:22px;}
#arbol{width:98%;margin:1%;float:left;text-align:justify;}
#arbol img{width:51%;float:left;margin:0 2% 2% 0;}

#una_floristeria{}
#video_inici{width:98%;margin:1%;}




#avis_cockies {
    color: #fff;
    float:left;
    width: 50%;
    margin-left: 25%;
    height: auto;
    background-color: #666;
    position: fixed;
    bottom: 5vw;
    text-align: center;
    font-size: 12px;
    filter: alpha(opacity=95);
    opacity: 0.95;
    padding: 1%;
    z-index: 999;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.75);
}

#accepta_cockies,
#mes_info_cockies {
    background-color: #00f;
    color: #fff;
    padding: 4px;
    cursor: pointer;
    text-decoration: none;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* YOUTUBE RESPONSIVE */

 
.youtube_inici {
	width:98%;height:25vw;
	margin:0 0 2% 1%;
}

#cos{width:60%;margin-left:20%;}


/* FORMULARI DE CONTACTE*/
#contacte{border:solid 1px #aaa;float:left;width:92%;padding:1%;margin:2%;}
#nom,#empresa,#email,#telefon{
	width:45.6%;margin:1%;float:left;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;}
#contacte input{padding:1%;}
#contacte textarea{height:200px;padding:1%;width:95.6%;}
#motivo{
	width:97.4%;margin:1%;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;}
#Enviar{width:98%;margin:1%;cursor:pointer;}


/* PAGINA DEL PRODUCTE */
#productes_part_superior{display:flex;justify-content:space-between;flex-flow:row wrap}
/*#productes_part_superior>*{float:left;}*/
#slide_producte_botiga{width:48%;padding:0;margin:1%;}
#preus{display_flex;justify-content:center;width:48%;padding:0;margin:1%;font-size:28px;align-items:center;}

#titol_prod{width:100%;font-size:32px;}

/* Cuadre Preus Botiga*/

#opcions {
    clear: both;
    text-align: center;
    padding: 10px;
}
.opc_span {
    padding: 2px;
    background-color: #ddd;
    cursor: pointer;
    margin: 2px;
    border-radius: 4px;
}
.sv_selected {
    background-color: #aaa;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.75);
}
.opc_span:hover {
    border: solid 1px #555;
}
#b_enllas{width:50%;float:left;color:#777;}
#b_enllas a{color:#7A1618;text-decoration:none;}
#b_enllas a:hover{text-decoration:underline;}
#b_referencia{width:50%;float:left;text-align:right;color:#7A1618;}
#b_referencia span{color:#777;}
#b_preu,#b_disponibles{text-align:center;color:#7A1618;}
#b_tpreu {
    padding-top: 40px;
    clear: both;
    text-align: center;
    font-size: 24px;
}

#quantitat,#pregunta_longitud {
	padding:1% 1%;
	width:100%;
	float:left;
	text-align: center;

}

.i_titols{font-size:12px;font-weight:bold;padding:0.4%;}

#quantitat input, #pregunta_longitud input {
    width: 50px;
    border-radius: 5px;
    font-size: 18px;
}

#b_preu_s{display:none;}


#botons_comprar {padding:2% 1%;width:100%;float:left;text-align: center;} 











#productes_recomanats{width:100%;display:flex;justify-content:space-around;flex-flow:row wrap;}
.producte_recomanat{border:solid 1px #999;display:flex;justify-content:center;flex-flow:column wrap;padding:1%;margin:1%;height:auto;border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;}
.producte_recomanat a{width:100%;}
.producte_recomanat img{width:100%;}
.producte_recomanat .titols_recomanats{width:100%;text-align:center;}




/* INTRANET */

/* Cistella */

#cuadres {
	width:100%;
	height: 16vw;
	display: flex;
	justify-content: center;

}

#cuadres .passos {
    width: 25%;
    margin: 0;
    float: left;
    background-repeat: no-repeat;
    background-position: center;
    //margin: auto;
}
#cuadres .pas1 {
    background-image: url(/img/pas1.png);
}
#cuadres .pas2 {
    background-image: url(/img/pas2.png);
}
#cuadres .pas3 {
    background-image: url(/img/pas3.png);
}
#cuadres .pas4 {
    background-image: url(/img/pas4.png);
}
#cuadres .pas1_error {
    background-image: url(/img/pas1_error.png);
}
#cuadres .pas2_error {
    background-image: url(/img/pas2_error.png);
}
#cuadres .pas3_error {
    background-image: url(/img/pas3_error.png);
}
#cuadres .pas4_error {
    background-image: url(/img/pas4_error.png);
}


#cuadres .textos_interior {
    width: 100%;
    height: auto;
    word-wrap: break-word;
    text-align: center;
    margin-top: 10vw;
}
/*Confirmar cistella pas 1*/

#tit_confirm {
    width: 80%;
    margin: 2% 0 2% 10%;
    font-weight: bold;
}
#explic_confirm {
    width: 80%;
    margin-left: 10%;
}
#formulari_revisio {
    	width: 68%;
    	margin-left: 15%;
padding:1%;
}
#formulari_revisio input {
    width: 100%;
	border-color:none;
	background-color:#e9e9e9;
}

#formulari_revisio .tits {
	float:left;
	width: 19%;
	min-width:150px;
	color: #666666;
	font-size: 10px;
}

#formulari_revisio .frcamps {
	float:left;
	width:79%;
}

#formulari_revisio #cc_boto {
}
#formulari_revisio #cc_boto input {
	margin:2% 0%;
	padding:1% 0%;
	width: 100%;
}
#titols_cistella {
    margin: 1%;
}
.registre_cistella {
    font-size: 12px;
    width: 98%;
    margin: 1%;
 	display:flex;
	flex-flow:row no-wrap;
    background-color: #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;

}


#totals_cistella {
    background-color: #aaaaaa;
    font-size: 1.6vw;
    width: 98%;
    margin-left: 1%;
    font-weight: bold;
    float: left;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

#area_cli{width:100%;}
#area_clients {
	width:100%;
	height:auto;
    margin: 1%;
    font-size: 1.8vw;
}
#f_cistella{width:100%;}
#pagament_confirma_cistella {
   	margin: 0%;
	padding:2%;    	
	float: left;
    	width: 45%;
    	height: 12vw;
	text-align:left;;
	border:solid 1px grey;
	border-radius:10px;
	font-size:12px;
}
#comanda_botiga{
	margin: 0%;
    	padding:2%;
	float: left;
    	width: 45%;
    	height: 12vw;
	text-align:left;;
	border:solid 1px grey;
	border-radius:10px;
	font-size:12px;
}

#pagament_confirma_cistella div{font-size:20px;}
#pagament_confirma_cistella img{height:50%;}
#comentari_compra {
    float: left;
    width: 30%;
    margin: 2% 2% 0 0 ;
    height: 12vw;
}
#comentari_compra textarea {
    width: 98%;
    height: 80%
}

/* CISTELLA */

#titols_cistella_mes {font-size:22px; width: 100%;}

#contenedor_cistella{width:100%;}

.c_ref {   width:28%;}
.c_ref .ci_valor {    font-weight: bold;font-size:22px; width: 100%;text-align:left;margin:1.8% 2%;}

.c_desc{width:28%;}
.c_desc .ci_desc{}
.c_desc .ci_valor{}


.c_qty{width:10%;}
.c_qty .ci_desc{color:#00f;}
.c_qty input{width:60%;}

.c_preu{width:10%;}
.c_preu .ci_desc{color:#00f;}
.c_preu .ci_valor{}

.c_tot{width:10%;}
.c_tot .ci_desc{color:#00f;}
.c_tot .ci_valor{}

#c_elim {width:10%;}
#c_elim .elim {cursor:pointer;margin:8%}




.csuma,.cresta{
	padding-left:1%;
	padding-right:1%;
	width:8%;
	font-size:18px;
	cursor:pointer;
}

.total_1 {
	
	width: 62.1%;	
	float: left;
	margin: 1% 0 0 4%;
}
.total_2 {
text-align:right;    
font-size:16px;
	width: 20%;
    float: left;
    margin: 1% 0 0 0%;

	
}
#act_button{
	padding:0 20px 0 20px;
	color:#00f;
	cursor:pointer;
}
#act_button:hover{text-decoration:underline;}


#btn_dcistella {
    display: none;
    width: 60px;
    border: double 1px #fff;
    position: fixed;
    top: 200px;
    left: -30px;
    border-radius: 10px;
    background-color: #D5195E;
    margin: 4px;
    padding: 4px;
    -webkit-box-shadow: 0px 10px 33px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 10px 33px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 10px 33px 0px rgba(0, 0, 0, 0.75);
    z-index: 999;
}
#btn_dcistella:hover {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    left: -10px;
}
#btn_dcistella img {
    width: 30px;
    float: right;
    margin: 5px;
}



#botons_cistella {
    width: 98%;
    padding: 1%;
    font-weight: bold;
margin:1%;
display:flex;
justify-content:center;
}

#botons_cistella input{font-size:20px;margin:1%;}




/* LOGIN */


#login_central {
	
    width: 80%;
    margin-left: 10%;
	margin-right:10%;

}
#login_central div {
    width:96%;margin:2%;
}
#login_central div input {width:100%;}


#titol_ident {
    font-weight: bold;
    margin-top: 10% !important;
width:100%;
}

#l_registre {
	float:left;
   	 font-size: 16px;
   	 margin-top: 20px !important;
	width:100%;
}
#l_recordar {
	font-size: 16px;
	margin: 10px 0 40px 0 !important;
	float:left;
	width:100%;
}
#inici_intranet{width:100%;display:flex;justify-content:center;flex-direction:column;padding-bottom:5%;}

.cont_proc_compra{text-align:center;margin:0.6%;font-size:2vw;}
.cont_proc_compra a{text-decoration:none;color:red;}
.cont_proc_compra a:hover{text-decoration:underline;}

/*menu area privada*/
#important{
	background-color:#f9f7a7;
	color:red;
	padding:1%;
	outline:solid 1px grey;
	width:96%;
	margin:1%;
	float:left;
}

#menu_area_privada{
	
	display:flex;
	justify-content:center;
	flex-direction:column;
}

#menu_area_privada div{width:60%;margin-left:20%;display:flex;align-items:center;padding:1%;}
#menu_area_privada div a{color:#000;}


#dades_clients_intranet{width:60%;margin:2%;}

#form_addr{width:100%;}



/*FOTOS */
#exporesponsive{display: -webkit-flex;display:flex;justify-content:space-between;flex-flow:row wrap;margin-bottom:50px;}
#exporesponsive img{display: -webkit-flex;display:flex;margin:2px;cursor:pointer;height:120px;}



#avisos_legals{
	font-size:12px;
	display:none;
	background-color:white;
	color:black;
	width:800px;
	height:auto;
	overflow:auto;
	border:solid 1px grey;
	padding:20px;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-260px;
	-webkit-box-shadow: 2px 4px 19px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 2px 4px 19px 0px rgba(0,0,0,0.75);
	box-shadow: 2px 4px 19px 0px rgba(0,0,0,0.75);
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	z-index:99;
}
#avisos_legals a{background-color:#999;padding:2px 5px;cursor_poiter;}
#avis_legal a{cursor:pointer;color:#000;}
#avis_legal a:hover{text-decoration:underline!important;}
#avis_legal{float:left;width:70%;text-align:left;margin-left:25%;}	
#avis_legal input{width:auto;float:left;text-align:left;margin-left:0!important;}