/***************************************************
	      patisserie by marija zaric
***************************************************


***************************************************
			      Reset
***************************************************/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, form, label, legend, caption, aside, details, figcaption, figure, footer,header,cabecera, hgroup, menu, nav, section, summary {
    margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;

font-family: poppins;
	vertical-align: baseline;

}

ol, ul {
	list-style: none;
}


a img {border:none}
a:hover{
	color: rgba(0, 0, 0, 0.6);}

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


/***************************************************
			      Global styles
***************************************************/

html, body {
	width:100%;
	height:100%;

	}


html, body{
    font-family:'Titillium Web', sans-serif;
	font-size: 15px;
	/*background-color:#f0f0ec;
	background:url(../images/gris.jpg);
	background-position:left top;
	background-repeat:repeat;*/
	color:#4c4c4c;
	margin:0 0 1px; height:100%;


}
.campo{

	position:relative;
	float:right;
	margin-right:175px;
	text-align:center;
	font-size:18px;
	color:#4c4c4c;
}


p {
	margin-bottom:25px;
	}

a, p a {
	text-decoration:none;
	color:#000;

	}
	a:hover {
	text-decoration:none;
	}
a:hover{
	color:rgba(0, 0, 0, 0.7)}

a{transition-property: all;
transition-duration: 300ms;
transition-timing-function: ease;
transition-delay: 0s;
	}

.blanco{
	color:#FFFFFF;
	}


h1{
	font-size: 54px;
	line-height:0.9;
	color:#ffffff;
	text-transform:none;
	text-align:center;
	margin-top:6px;
	padding-bottom:12px;
	text-shadow: 2px 3px 3px #000000;
    font-family:'Titillium Web', Bold 700;
	font-weight:bold;
	}


h2 {
	text-transform:none;
	text-shadow: none;
	color:#ffffff;
	cursor: pointer;
	text-decoration: none;
     font-family:'Titillium Web', cursive;
	 font-size:28px;
	 line-height:1.0;

}



h3{
	font-size: 25px;
	line-height: 1;
	color: #292524;
	text-shadow: none;
	margin: 35px 0px 15px 0px;
	border-bottom: 1px solid #f8f8f8;
	padding-bottom: 6%;
	/*font-weight: 500;*/
	}




h4{
	font-size: 23px;
	line-height:1;
	color:#000000;

	text-shadow: none;

	text-shadow: 2px 3px 3px #EEE8DF;
	margin:40px 0px 25px 0px;

	}



h5{
	font-size: 30px;
	line-height: 0.9;
	color: #000000;


	border-bottom: 2px dotted #bbb;
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-shadow: none;
	font-family: 'poppins';

	font-weight: 600;

	}
h5 img{
	position: relative;
float: left;
width: 60px;
margin-right: 10px;
margin-top: -10px;}
h6{
	font-size: 28px;
	line-height:0.9;
	color:#000000;
	text-align:left;
	text-shadow: none;
	font-family:'Titillium Web', cursive;

	}
h7{
	font-size:13px;
	line-height:1.5;
	color:#4c4c4c;
	padding-bottom:6px;

}
.div100centrado{
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	}


.superprecio{
	font-size: 35px;
	line-height:0.9;
	color:#000000;
	font-family:'Titillium Web', cursive;
	font-weight:bold;
	text-shadow: 2px 3px 3px #EEE8DF;
	}

.cartucho{
	position:relative;
	float:left;
	height:51px;
	background:url(../images/cartuchot.jpg) no-repeat;
	width:100%;

}
.cartucho img{
	float:right;
	width:52px;
}
#foto{
	position:relative;
	display:none;
	float:left;
	width:100%;
}
.contfoto{
	position:relative;
	float:left;
	width:500px;
	min-height:280px;
	padding:20px;
	text-align:center;
	-moz-border-radius: 25px;
	border-radius:25px;
	background-color:#000000;
	margin-top:20px;
}

#minipbrillo{
	position:absolute;
	width:470px;
	height:287px;
	text-align:center;
	background:url(../images/minipbrillo.png);

}
#foto img {
	display:none;
	position:absolute;
}

.productosimg{
	width:100%;
	max-height:200px;
	min-height:200px;
	text-align:center;
	margin:10px 0px 20px;
}
.productosimg img{
	max-height:180px;
	width:auto;
}
#redybox{
	background:url(../images/redyboxfondo.png) center right no-repeat;
	background-color:#f50506;
}
#rfid{
	background:url(../images/rfid01.png) center right no-repeat;
	background-color:#5bb3d9;
}

/***************************************************
			    screenshots
***************************************************/

/* screenshots */
#screenshots { clear: both; position: absolute; width:100%; }
#screenshots .scrollable { position:relative; overflow:hidden; width: 100%; height:225px; }
#screenshots .scrollable .items { width:20000em; position:absolute; }

/* screenshot items */
#screenshots .items ul{ list-style: none; float: left; }
#screenshots .items ul li { float: left; }
#screenshots .items ul li a{ float: left; width: 225px; height: 225px; padding: 10px 0 0 0px; margin: 0 10px 0 10px; overflow: hidden; background: url(../images/thumb_frame.png) no-repeat; }

/* screenshot arrows */
#screenshots a.arrows { display: block; width: 30px; height: 30px; top: 100px; }
#screenshots a.prev { background-position: top left; position: absolute; left: 0; background: white; }
#screenshots a.next { background-position: top right; position: absolute; right: 0px;background: white; }
#screenshots a.prev:hover { background-position: left bottom; background: #ff0; }
#screenshots a.next:hover { background-position: right bottom; background: #ff0; }

#screenshots h3 { margin: 0 0 20px; }



/***************************************************
			    Main containers
***************************************************/

#container, #container_left, #container_right{
	position: relative;
	width:100%;



	}
#container{
			position:relative;
			width:980px;
			margin:0 auto;
			min-width:980px;

			min-height:100%;
}



.centrar{
	position:relative;
	text-align:center;
}

.iconos{
	text-align:center;
	width:auto;
	margin-top:10px;
}


.brillo{
	background:url(../images/brillo.png) repeat-y;
}

#buscadominios{
	width: 98%;
	position: relative;
	float: left;
	height:40px;
	padding:25px 10px 20px 10px;
	margin:5px 0 0 0;
	-moz-border-radius:20px;
	border-radius: 5px;
	background:url(../images/fondogris.jpg) repeat;

}
	#buscadominios .boton{
	position:absolute;
	display:block;
	right:20px;
	top:15px;
}

.group1 {
	float: left;
	position: relative;
	background:#cccccc;
	margin-top:10px;
	margin-bottom:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.group2{
	float: left;
	position: relative;
	margin-top:10px;

	background-image:linear-gradient(rgba(34, 34, 32, 0.05) ,rgba(34, 34, 32, 0.00) );
	margin-bottom:10px;
	padding:20px;
	-moz-border-radius:5px;
	border-radius:3px;
	cursor: pointer;
	text-decoration: none;
}
.group2sin{
	float: left;
	position: relative;
	margin-top:10px;

	margin-bottom:10px;
	padding:20px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
}
.group2 a{
	text-decoration:none;
}
/*
.group2:hover{
	margin-top:10px;
	background-image:url(../images/fondogris.jpg);
	margin-bottom:10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
*/

.ficha{

	float: left;
	position: relative;
	background-image:url(../images/fondogris2.jpg);
	margin-top:10px;
	margin-bottom:15px;
	padding:20px 20px 40px 20px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	text-decoration: none;
}
.ficha a{
	text-decoration:none;

}







/*.ficha:hover{
	margin-top:10px;
	background-image:url(../images/fondogris.jpg);
	margin-bottom:10px;
	-moz-border-radius:20px;
	border-radius:20px;
}
*/
.group2:hover h3{
	color:#000000;
}
.group3 {
	float: right;
	position: relative;
	margin-top:10px;
	background-image:url(../images/fondogris2.jpg);
	margin-bottom:10px;
	padding:15px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	text-decoration: none;
	}



.group4 {
	float: left;
	position: relative;
	padding:15px;
	background:transparent;
	margin-top:60px;
	}



/*header{
	position: relative;
	float:left;
	width: 100%;
	height:85px;
	}
#cabecera{
	width:100%;
	position:relative;
	clear:both;
	background-image:url(../images/bg.png);

	background-position:left top;
	background-repeat:repeat-x;
	background-color:transparent;
	height:362px;
}*/
#cabeceramultimedia{
	width:100%;
	position:relative;
	clear:both;
	background-image:url(../images/bg_multimedia1.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:transparent;
	height:362px;
}
#cabeceraservicios{
	width:100%;
	position:relative;
	clear:both;
	background-image:url(../images/bg_servicios.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:transparent;
	height:362px;
}
#cabeceraweb{
	width:100%;
	position:relative;
	clear:both;
	background-image:url(../images/bg_web.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:transparent;
	height:362px;
}

#cabeceraportafolio{
	width:100%;
	position:relative;
	clear:both;
	background-image:url(../images/bg.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:transparent;
	height:362px;
}
#cabecerarfid{
	width:100%;
	position:relative;
	clear:both;
	background-image:url(../images/bg_rfid.png);

	background-position:left top;
	background-repeat:repeat-x;
	background-color:transparent;
	height:362px;
}

#miniportafolio{
	position:relative;
	float:left;
	width:100%;
	padding:60px 0 60px 0;
	background-image:url(../images/blanco2.jpg);

}
.fondoblanco{
	position:relative;
	float:left;
	width:100%;
	padding:60px 0 60px 0;
	background-image:url(../images/blanco2.jpg);
}
.sombratop{
	position:relative;
	float:left;
	width:100%;
	height:24px;
	margin-top:25px;
	background:url(../images/sombra.png) center no-repeat;
}
.sombrabottom{
	position:relative;
	float:left;
	width:100%;
	height:15px;
	margin-bottom:25px;
	background:url(../images/sombra2.png) center no-repeat;
}
.separabajo{
	position: relative;
	float: left;
	width: 100%;
	height: 15px;
	margin-top: 25px;
	margin-bottom: 25px;
	background: url(../images/sombra2.png) center no-repeat;
	background-image: url(../images/sombra2.png);
}


/***************************************************
				INTRO
***************************************************/

	#intro{
	width: 98%;
	position: relative;

	height:252px;
	padding:10px;
	background:transparent;
	margin-top:5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

/***************************************************
				   HOLDERS
***************************************************/

.holder_content {
	position: relative;
	float: left;
	width: 100%;
	margin-top:0px;
	margin-bottom:40px;


	}

.holder_content1 {
	position: relative;
	float: left;
	width: 100%;
	margin-top:0px;
	margin-bottom:20px;
	}


.holder_content_separator{
	margin-bottom:19px;
	}


/***************************************************
			        GALLERY
***************************************************/


	 a.photo_hover3{
	position:relative;
	float: left;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px #F2EFDC;
	-webkit-box-shadow: 3px 3px #F2EFDC;
	box-shadow: 3px 3px #B59B82;
	-moz-border-radius: 5px;
	border-radius: 5px;

	-moz-border-radius: 5px;
	border-radius: 5px;


	}
	a.photo_hover3{ background-color:white;
	border: 1px solid #F2EFDC;

}
	a.photo_hover3:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.9;
	z-index:1000;
}


	 a.photo_hover2{
	position:relative;
	float: right;
	margin:5px 13px 8px 0;
	padding: 8px;
	-moz-box-shadow: 3px 3px #F2EFDC;
	-webkit-box-shadow: 3px 3px #F2EFDC;
	box-shadow: 3px 3px #F2EFDC;

	}
	a.photo_hover2{ background-color:white;
	border: 1px solid #F2EFDC;

}
	a.photo_hover2:hover {
	border: 1px solid #E1E1E1;
	background-color:white;
	opacity:0.5;
	z-index:1000;
}




/***************************************************
			        FOOTER
***************************************************/


footer{
	position:relative;
	height:350px;
	clear:both;
	width:100%;
	padding-top:30px;
	background-image: url(../images/pie2.png);
	background-position:left top;
	background-repeat:repeat-x;
	background-color:transparent;
	}


#FooterOne, #FooterTwo, #FooterTree {
		padding:0 0px;

}
footer p{
	font-size:0.8rem;}


#FooterTwo{
	margin-top:33px;
	text-align:left;
	font-size:13px;
	line-height:1.3;
	text-decoration:none;
	color:#999999;

}

#FooterTree{
	text-align:right;

	font-size:13px;
	line-height:1.3;
	text-decoration:none;
	color:#999999;

}
.logospie{
	position:relative;
	float:left;
	display:block;

	width:auto;
	margin-right:10px;

}


.copyright{
	position: relative;
	float: left;
	width: 100%;
	padding:47px 0 10px 20px;}

.container{
    width:75%;
    margin:0 auto;
	background-color:transparent;
}


.linkpie{

	padding-bottom:10px;
	margin-bottom:10px;
	text-decoration:none;
	border-bottom:#666666 dotted 3px;

}
.linkpie a{
	clear:both;
	text-decoration:none;
	color:#ffffff;
	padding-right:5px;
}
.linkpie a:hover{

	color:#fff31f;
	background:none;
}
.dra{
	float:right;
}




/***************************************************
				       MENU MOVIL
***************************************************/
.botonmenu{
	position: absolute;
	right: 2px;
	top: 2px;
	width: 40px;
	height: 30px;
	background: #ffd400;
	padding: 5px 0px;
	display: none;
	z-index: 11;
	border: 1px solid #d3b108;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.8);
	}
.botonmenu img{
	width:80%;
	height:auto;}


#menumovil{
	position: absolute;
	height: auto;
	width: 100%;
	display: none;
	z-index: 12;
	top: 50px;
	}
#menumovil ul{
	background: url(../images/botongamarillo.jpg) repeat-x top #ffce0d;
	border-radius: 3px;
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
border: 1px solid #fbe424;
width: 98%;

	}
#menumovil ul li{

	height: 30px;
	text-align: center;
	border-bottom: 1px solid rgb(251, 228, 36);
	padding: 10px 0;
	}
#menumovil ul li a{
	color:#000;
	}

/***************************************************
				       MENU
***************************************************/

nav{
	position:absolute;
	width:auto;
	height:45px;
	top:25px;
	right:0px;
	background:url(../images/fondomenu.png);
	-moz-border-radius: 5px;
	border-radius: 5px;
}


nav ul li{
	float: left;
	line-height:normal;
	margin-left:10px;
}

nav ul li a{
	font-size: 15px;
    font-family:'Titillium Web', cursive;
    color:#b3b3b3;
	font-weight:normal;
	display:block;	/* IE6, IE7 line height fix */
	background-color:transparent;
    text-decoration:none;
	margin-top:8px;
	padding:5px;

}

nav ul li a:hover{
	color: #ffffff;

}



.content_menu{
	float: left;
	width: 274px;

	}

.content_menu ul{
	margin: 0px;
	padding: 0px;
	float: none;
}

.content_menu ul li{
	float: none;
	margin-bottom:7px;


}


.content_menu ul li a{
	font-size:13px;
	line-height:normal;
	color:#877157;
	text-align:left;
	text-decoration:none;
	background-image:url(../images/spot.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:25px;



	}

.content_menu ul li a:hover{color:#C8816F;}

#menubuscador{
	position:absolute;
	width:500px;
	display:block;
	top:310px;
	float:left;
}

/***************************************************
				   SPECIFIC
***************************************************/

#logo{
	position:relative;
   	float:left;

	top:15px;

}

.flechamas a{
	position:relative;
	float:left;
	width:30px;
	height:30px;
	background-image:url(../images/arrows.png);
}
.flechamas a:hover{
	position:relative;
	float:left;
	width:30px;
	height:30px;
	background-image:url(../images/arrowsa.png);
}


.botonsin {
	position: relative;
/*margin: 2px 1% 0 0;*/
padding: 5px 8px;
background: url(../images/fondomenu.png) repeat-x;


display: inline-block;
color: #ffffff;
cursor: pointer;
text-align: center;
text-decoration: none;
font-family: inherit;
text-transform: uppercase;
font-size: 14px;
text-transform: uppercase;

	}

.botonsin:hover {
	background:#ff0;


	color:#000000;
}
/*.botonp {
	position:absolute;
	bottom:10px;
	right:20px;
	padding:1px 8px 3px 8px;
	background:url(../images/fondomenu.jpg) repeat-x;
	-moz-border-radius: 14px;
	border-radius: 14px;
	display: inline-block;
	color:#ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
    font-family:'Titillium Web', cursive;
	font-size:12px;
	}*/

.botonp {
	position: relative;
	display:block;
top: 20px;

padding: 8px 20px;
color: #242321;
cursor: pointer;
text-align: center;
text-decoration: none;
-moz-border-radius: 30px;
border-radius: 30px;

border: rgba(0, 0, 0, 0.35) solid 2px;
	}



.botonp:hover {
	background:url(../images/botonfamarillo.jpg) repeat-x;
	-moz-border-radius:14px;
	border-radius: 14px;

	color:#000000;
}



.boton1 {

	height:28px;
	position:relative;
	margin-top:5px;
	padding:5px 25px 15px 15px;
	display: inline-block;
	color:#ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
     font-family:'Titillium Web', cursive;
	 font-size:18px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	 background:url(../images/botonfamarillo.jpg) repeat-x;
	 border:#ffce0d solid 2px;

	}


.boton1:hover {
	 background:url(../images/botonfamarillo.jpg) repeat-x;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border:#ffce0d solid 2px;
	color:#000000;

}
.boton1:active {
	position: relative;
	top: 1px;
}
#flor{
	position:absolute;
	float:left;
	width:66px;
	height:70px;
	left:200px;
	text-align:center;
	top:-10px;
	background:url(../images/flor.png);
	padding:20px;
}
.precio{
	position:absolute;
	display:inline-block;
	float:left;
	width:45px;
	height:37px;
	right:20px;
	color:#ffffff;
	size:20px;
	text-align:center;
	top:-10px;
	background:url(../images/florp.png);
	padding:20px 10px 10px 10px;
	line-height:1.0;
}
.precioG{
	position:absolute;

	float:right;
	width:66px;
	height:70px;

	right:20px;
	color:#ffffff;

	text-align:center;
	bottom:-20px;

	background:url(../images/flor.png);
	padding:20px;
	line-height:1.0;

}






.boton img{
	position:absolute;
	left:15px;
	top:8px;


}



.boton:active {
	position: relative;
	top: 1px;
}

.botoni{
	position:relative;
	/*top:20px;*/

	/*float:right;*/
	padding: 8px 20px;
	color:#ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 30px;
	border-radius: 30px;
	 background:url(../images/fondomenu.jpg) repeat;
	 border:#000000 solid 2px;
}

.botoni:hover {
	 background:url(../images/botongamarillo.jpg) repeat-x;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border:#ffce0d solid 2px;
	color:#ffffff;

}

.botonvolver{
	position:relative;
	top:-30px;
	float:left;
	padding:12px 12px 5px 12px;
	color:#ffffff;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 30px;
	border-radius: 30px;
	 background:url(../images/fondomenu.jpg) repeat;
	 border:#000000 solid 2px;
}

.botonvolver:hover {
	 background:url(../images/botongamarillo.jpg) repeat-x;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border:#ffce0d solid 2px;
	color:#ffffff;

}


.botonbanner {
	position:relative;
	width:250px;
	margin:-2px 5px 5px 5px;
	padding:10px;
	display: inline-block;
	color:#000000;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
     font-family:'Titillium Web', cursive;
	 font-size:27px;
	 line-height:1.0;
	 font-style:italic;
	-moz-border-radius: 30px;
	border-radius: 30px;
	 background:url(../images/botongamarillo.jpg) repeat-x;
	 border:#ffce0d solid 2px;

	}


.botonbanner:hover {
	 background:url(../images/botongamarilloa.jpg) repeat-x;
	-moz-border-radius: 30px;
	margin:-2px 5px 5px 5px;
	border-radius: 30px;
	border:#ffce0d solid 2px;



}
.botonbanner:active {
	position: relative;
}

.puntabanner{
	position:relative;
	display:block;
	background:url(../images/punta.png) no-repeat;
	left:40%;
	height:21px;
	width:21px;

}
#bocadillo{
	position:relative;
	display:block;
	width:250px;
	top:25px;

}


.imgppal{
    position:absolute;
	top:100px;
	right:20%;
}


/***************************************************
				   galeria portadas
***************************************************/



#contCatalogos{
	position:relative;
	float:right;
	width:100%;

	height:225px;
	margin-bottom:20px;
}
#catalogosImg{
	position:relative;
	float:right;
	overflow:hidden;
	width:100%;
	height:255px;
	margin-bottom:20px;
}
#catalogosImg img{
	position:absolute;
	display:none;
	top:0px;
	left:0px;
	margin-right:20px;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.4);

}



#numeraCatalogos{
	width:155px;
	height:17px;
	margin:auto;
}
.botonesCatalogos{
	position:relative;
	float:left;
	width:17px;
	height:17px;
	margin:0px 1px;
}
.numerosCatalogos a{
	position:relative;
	float:left;
	width:17px;
	height:17px;
	color:#FFFFFF;
	background-color:#004C99;
	text-align:center;
	font-size:0.8em;
	margin:0px 1px;
}
.numerosCatalogosa a{
	position:relative;
	float:left;
	width:17px;
	height:17px;
	color:#307FBF;
	background-color:#C0D0DD;
	text-align:center;
	font-size:0.8em;
	margin:0px 1px;
}


.clear {
  clear: both;
  display: block;
  }


/*			FONT-FACE	      */



@font-face {
    font-family: 'Titillium Web';
    src: url("fonts/TitilliumWeb-Light.eot") format("eot"),
    src: url("fonts/TitilliumWeb-Light.ttf") format("truetype");

}