@charset "utf-8";

/* CSS Document */



.li pa { margin: 1em 3em; padding: 0.2em; }





.marcaymodelo{

	font-family:'Arial Narrow', sans-serif;

	font-size: 12px;

	color:#1e335e;

	}





.preciopro{

	font-family:'Arial Narrow', sans-serif;

	font-size: 25px;

	color:#1e335e;

	}







.tituloproductos{

	font-family:'Arial Narrow', sans-serif;

	font-size: 25px;

	color:#ce5f1c;

	}





.titulosubcategoria{

	font-family:'Arial Narrow', sans-serif;

	font-size: 15px;



	color: #000000;

	

	}



.txtcategoria{

	font-family:'Arial Narrow', sans-serif;

	font-size: 20px;

	color: #000000;

	

	}



.textoproductos{

	font-family:'Arial Narrow', sans-serif;

	font-size: 22px;



	color: #1e335e;

	

	}



.cabezapro

{

	font-family:'Arial Narrow', sans-serif;

	font-size: 22px;



	color: #ef8821;

}



@font-face {font-family: "Philosopher"; 

src: url(../fonts/Philosopher-Regular.ttf)}  



.subtitulo{

	font-family:"Philosopher";

	font-size: 22px;



	color: #1e335e;

}



.tituloc{

	font-family:Century Gothic;

	font-size: 22px;



	color: #1e335e;

}



.precio{

	color:#A2195B;

	font-size:14px;

	}









@font-face {font-family: "Arialbot"; 

src: url(../fonts/arialbd.ttf)}  

.botonlink1

{

	font-family:Arial;

	background:#b32620;

	border-radius: 5px;

	color:#FFF;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	

	background-image:-moz-linear-gradient(top, #b32620, #801d19);

	background-image:-webkit-linear-gradient(#b32620, #801d19);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#b32620', EndColorStr='#801d19');



	padding:5px 15px 5px 15px;

	font-size:14px;

	text-decoration:none;

}





@font-face {font-family: "Arialbot"; 

src: url(../fonts/arialbd.ttf)}  

.botonlink1:hover

{

	font-family:Arial;

	background:#333333;

	border-radius: 5px;

	color:#FFF;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	

	background-image:333333);

	background-image:333333);

	filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#801d19', EndColorStr='#801d19');



	padding:5px 15px 5px 15px;

	font-size:14px;

	text-decoration:none;

}







.imgp {

border: 1px solid #000000;

}





.tablep {

border: 1px solid #e0dedf;

}





img{

	border:none;

}













.txtcont2{

	font-family:Trebuchet MS;

	font-size: 14px;

	color: #D6D7DB;

}



.txtcont3{

	font-family:Trebuchet MS;

	font-size: 16px;

	color: #D6D7DB;

}



.txtcont{

	font-family:Trebuchet MS;

	font-size: 14px;

	color: #D6D7DB;

}



.txtpie{

	font-family:Century Gothic;

	font-size: 12px;



	color: #fff;

}





.inputform{

font-size:12px;

width:220px;

height:20px;

}

.boton{

width:107px;

height:29px;

background-color:#1f59cf;

color:#ffffff;

font-size:11px; 

text-align:center;

font-weight:bold;

border:none;

margin:0px 1px 0px 11px;

}

.txtjoyeria{

font-size:12px;

margin:0px 70px 0px 38px;

color:#000;

}















.actualizar {

background-image: url(../ico/actualizar.png);

width: 30px;

height: 21px;

background-color: white;

border: 1px solid white;

margin-top: 15px;

cursor: pointer;

}



.favorito

{

	background:url(../img/favoritos.png);

	width:20px; height:20px;

	vertical-align:bottom;

	border:0px;

}



.linkpag

{

	color:#918988; text-decoration:none;	

}



.linkpag img

{

	border:0px;

}



.linkpag:hover

{

	color:#666; text-decoration:none;	

}



.productonombre

{

	text-align:left; height: 40px; font-size:14px; color:#000

}



.textbusqueda

{padding:0px 0px 0px 20px; font-size:14px; width:166px; background-image:url(../images/search-box.jpg); height:34px; border:0;}





#paginacion{

	text-align:left;

	font-size:12px;

	margin-left: 26px;

	margin-top: 20px;

}

.paginacionvid{

	font-size:12px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.inactivopag{ /*vinculo q ya a sido visitado*/

	color:#666666;

	text-decoration:none;

	font-size:12px;

	width:20px;

	height:20px;

	border:1px solid #999999;

	background-color: #EAEAEA;

}

.activopag{ /*vinculo q ya a sido pulsado*/

	color:#0000CC;

	text-decoration:none;

	font-size:12px;

	width:20px;

	height:20px;

	border:1px solid #999999;

	background-color: #FFFFFF;

}

#paginacion a:hover { /*lo mismo de arriba*/

	color:#000099;

	text-decoration:none;

	font-weight:bold;

	font-size:12px;

	width:20px;

	height:20px;

	border:1px solid #999999;

	background-color: #FFFFFF;

}













































/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{display:block}

mark, rp, rt, ruby, summary, time{display:inline }

/* Left & Right alignment */

.left {float:left}

.right {float:right}

.wrapper {width:100%;overflow:hidden}

/* Global properties ======================================================== */

body{background:border:0;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;color:#696969;line-height:22px;}

.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}

.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}

.body1{background:url(../images/bg2.jpg) bottom center repeat}

.body2{background:url(../images/bg_top2.gif) bottom repeat-x}

.body3{background:#fff}

.body4{background:url(../images/bg.jpg) top center repeat}

.body5{background:url(../images/bg_top_img.jpg) center bottom no-repeat}

/* Global Structure ============================================================= */

.main {margin:0 auto;width:940px}

/* ============================= main layout ====================== */

a{color:#696969;text-decoration:underline;outline:none}

a:hover{text-decoration:none}

h1{float:left}

h2{font-size:40px;font-style:normal;font-weight:400;line-height:1.2em;padding:38px 0 11px 0;color:#000;letter-spacing:-1px}

h2.under{border-bottom:1px solid #e5e5e5;margin-bottom:25px}

h3{font-size:26px;color:#000;line-height:1.2em;letter-spacing:-0px;padding-bottom:16px;font-weight:400;font-style:normal}

h3 span{display:block;margin-top:-7px}

* + html h3 span{margin-top:-25px}

h3 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;font-size:38px;color:#fff;text-align:center;font-weight:700;line-height:1.2em;padding-top:6px}

h4{font-size:26px;line-height:1.2em;color:#fff;font-weight:400;padding:43px 0 15px 0}

h5{font-size:33px;color:#000;line-height:1.7em;padding:0 0 16px 0;font-weight:400;font-style:normal}

h5 .dropcap{float:left;width:56px;height:56px;margin-top:0px;margin-right:10px;background:url(../images/dropcap1.gif) 0 0 no-repeat;color:#fff;text-align:center}

h5 .dropcap strong{font-weight:700;font-size:34px;line-height:1.2em;display:block;padding-top:3px;letter-spacing:-2px}

h5 .dropcap span{font-weight:400;font-size:14px;line-height:1.2em;display:block;margin-top:-8px}

h6{font-size:20px;line-height:1.2em;color:#000;padding:0 0 5px 0;font-style:normal;font-weight:400}

p{padding-bottom:22px}

/* ============================= header ====================== */

header{padding-top:34px;height:148px}

#logo{display:block;background:url(../images/logo.png) 0 0 no-repeat;width:288px;height:94px;text-indent:-9999px}

#menu {float:right;padding-top:15px}

#menu li {float:left;padding-left:51px}

#menu li a{display:block;font:20px "Trebuchet MS", Arial, Helvetica, sans-serif;line-height:1.2em;color:#bbb;text-transform:uppercase;text-decoration:none;text-align:center;letter-spacing:-1px;height:79px;font-style:normal;font-weight:700}

#menu li a span{font-size:13px;line-height:1.2em;color:#666666;display:block;letter-spacing:-1px;margin-top:-3px;font-weight:normal}

#menu li a:hover, #menu .active a{color:#e84e1b}

#menu li a:hover span, #menu .active a span{color:#b43f11}

#menu #nav1 a{background:url(../images/menu_icon1.gif) bottom center no-repeat}

#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.gif) bottom center no-repeat}

#menu #nav2 a{background:url(../images/menu_icon2.gif) bottom center no-repeat}

#menu #nav2 a:hover, #menu #nav2.active a{background:url(../images/menu_icon2_active.gif) bottom center no-repeat}

#menu #nav3 a{background:url(../images/menu_icon3.gif) bottom center no-repeat}

#menu #nav3 a:hover, #menu #nav3.active a{background:url(../images/menu_icon3_active.gif) bottom center no-repeat}

#menu #nav4 a{background:url(../images/menu_icon4.gif) bottom center no-repeat}

#menu #nav4 a:hover, #menu #nav4.active a{background:url(../images/menu_icon4_active.gif) bottom center no-repeat}

#menu #nav5 a{background:url(../images/menu_icon5.gif) bottom center no-repeat}

#menu #nav5 a:hover, #menu #nav5.active a{background:url(../images/menu_icon5_active.gif) bottom center no-repeat}

.slider{top:162px;position:absolute;z-index:1}

.slider .items{display:none}

.slider  .pagination{position:absolute;z-index:2;bottom:47px;left:432px}

.slider  .pagination li{float:left;padding-right:4px}

.slider  .pagination a{display:block;width:16px;height:16px;text-indent:-9999px;background:url(../images/buttons.png) right 0 no-repeat}

.slider  .pagination a:hover, .slider  .pagination .current a{background-position:left}

/* ============================= content ====================== */

#content{padding-top:50px;padding-bottom:36px}

#content2{padding-bottom:50px}

.pad_left1{padding-left:1px}

.pad_left2{padding-left:40px}

.pad_bot1{padding-bottom:8px; text-align:justify}

.pad_bot2{padding-bottom:40px}

.marg_right1{margin-right:20px}

.link1{color:#e84e1b;font-style:normal}

.testimonials{width:100%;position:relative;z-index:1;height:210px;overflow:hidden}

#testimonials div{background:url(../images/bg_testimonials.gif) 0 bottom no-repeat #f5f5f5;padding:25px 27px 53px 29px}

#testimonials span{display:block;padding:0 0 0 11px;font-style:normal}

.testimonials li{height:210px}

.up, .down{position:absolute;z-index:2;bottom:8px;right:0;width:32px;height:32px;display:block}

.up{right:33px;background:url(../images/marker_up.gif) 0 0 no-repeat}

.down{background:url(../images/marker_down.gif) 0 0 no-repeat}

.up:hover, .down:hover{background-position:bottom}

.color1{color:#000}

.color2{color:#e84e1b}

.list1{background:url(../images/line_hor1.png) 10px 0 no-repeat;padding-top:1px}

.list1 li{background:url(../images/line_hor1.png) 10px bottom no-repeat;line-height:29px; color:#ffffff}

.list1 a{color:#ffffff;text-decoration:none;font-style:normal;padding-left:14px;background:url(../images/marker_1.gif) 0 6px no-repeat}

.list1 a:hover{color:#fff}

.address{background:url(../images/line_hor1.png) 0px 0 no-repeat;padding-top:1px}

.address li{background:url(../images/line_hor1.png) 0px bottom no-repeat;line-height:29px;font-style:normal; color:#ffffff}

.address span{padding-left:4px;float:left;width:62px}

.address a{color:#ffffff}

#icons{background:url(../images/line_hor1.png) 23px 0 no-repeat;padding-top:1px}

#icons li{background:url(../images/line_hor1.png) 23px bottom no-repeat;line-height:29px}

#icons a{color:#ffffff;text-decoration:none;font-style:normal;display:inline-block}

#icons img{float:left;margin-right:9px;margin-top:5px}

#icons a:hover{color:#fff}

/*--- tabs begin ---*/

.tabs {}

.tabs ul.nav {float:left;padding-left:372px;padding-bottom:24px}

.tabs ul.nav li{padding-right:1px;float:left}

.tabs ul.nav li a{display:block;position:relative;width:32px;height:32px;font-size:19px;color:#fff;line-height:32px;background:#60b000;text-decoration:none;text-align:center}

.tabs ul.nav .selected a, .tabs ul.nav  a:hover{background:#ffffff}

.tabs .tab-content {display:none}

/*--- tabs end ---*/

#address span{float:left;width:80px}

/* ============================= footer ====================== */

footer {padding:34px 0 38px 0;font-style:normal;color:#ffffff;text-align:center}

footer a{color:#999}

footer a:hover{}

/* ============================= forms ============================= */

#ContactForm {margin-top:-4px}

#ContactForm span{width:109px;float:left;line-height:26px}

#ContactForm .wrapper{min-height:30px}

#ContactForm .textarea_box{min-height:275px;width:100%;overflow:hidden;padding-bottom:6px}

#ContactForm {}

#ContactForm {}

#ContactForm a{margin-left:10px;float:right;width:62px;font-style:normal;font-weight:bold;color:#ffffff;height:32px;line-height:32px;text-decoration:none;background:#e84e1b;text-align:center}

#ContactForm a:hover{background:#080808}

#ContactForm .input {width:269px;height:18px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}

#ContactForm textarea {overflow:auto;width:549px;height:258px;border:1px solid #e5e5e5;background:#fff;padding:3px 5px;color:#696968;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;margin:0}

#newsletter{}

#newsletter .input{background:#fff;padding:6px 18px;width:184px;height:18px;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:inherit;color:#b4b4b4;margin:0}

#newsletter .input:focus{color:#696969}

#newsletter .wrapper{min-height:40px}

#newsletter a{float:right;width:90px;height:32px;background:#fff;line-height:32px;color:#000;font-weight:bold;text-align:center;font-style:normal;text-decoration:none}

#newsletter a:hover{background:#60b000;color:#fff}