/* Browser Resetter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{margin:0;padding:0;border:0;outline:0;}
ul,li,ol{list-style:none;}
img{float: left;} 
a{outline: none; text-decoration:none; color:#ea8618;}
a:hover{outline: none; text-decoration:none; color:#333;}
/*LISTADO GESTION DE ADMINISTRADOR*/
ul.admin {
	border:1px solid #666;
	width:375px;
	margin-top:10px;
}

ul.admin li a{
		list-style-type:none;
		display:block;
		line-height:2em;
		font-size:1em;
		color:#333333; 
		text-transform:uppercase; 
		text-decoration:none; 
		display:block;
		width:350px;
		border-top:1px solid #CCC;
		}
ul.admin li a:hover{
		background-color:#000;
		color:#FFF;
		}
		.volver {
display: block;
width: 52px;
height: 51px;
background: transparent url(images/volver.png) no-repeat scroll 0 0; 
}
.volver:hover {
display: block;
width: 52px;
height: 51px;
background: transparent url(images/volver.png) no-repeat scroll 0 -51px; 
}	
/*RSS*/
a.rss{
	background: url(images/rss.png) no-repeat 4px 7px;
	padding-left:25px;	
}

/*NewUser*/
a.nuser{
	background: url(images/nuser.png) no-repeat 4px 7px;
	padding-left:25px;	
}

/*Euser*/
a.euser{
	background: url(images/euser.png) no-repeat 4px 7px;
	padding-left:25px;	
}
/*VerConsultas*/
a.vconsultas{
	background: url(images/vconsultas.png) no-repeat 4px 7px;
	padding-left:25px;	
}

/*VerEspe*/
a.vespe{
	background: url(images/vespe.png) no-repeat 4px 7px;
	padding-left:25px;	
}

/*Visitas*/
a.visitas{
	background: url(images/visitas.png) no-repeat 4px 7px;
	padding-left:25px;	
}

/*accede*/
a.accede{
	background: url(images/accede.png) no-repeat 4px 7px;
	padding-left:25px;	
}

/*salir*/
a.salir{
	background: url(images/salir.png) no-repeat 4px 7px;
	padding-left:25px;	
}

/* General body layout */
body{
	font-family: "Calibri", Trebuchet MS, Arial, Helvetica, sans-serif;
  font-size:0.8em;
  font-weight: normal;
  background-color:#232629;
}

#top-wrap{
  width:100%;
  float:left;  
  background:url(images/fondo2.png) no-repeat;
}
#bodywrap{
	width:100%;
	float:left;
	padding:20px 0 0 0;
	background: #FFF url(images/fondo.jpg) repeat-x;
}

/* Layout styles */
#header-wrap{
  width: 100%;
  float:left;
  background-color: #232629;
}


#header{
  width:980px;
  height:55px;
  float: none;
  margin:0 auto;
  position: relative;
}

h1{
  display: block;
  float:left;
  clear:both;
  margin:6px 0;
}

/* tool tip for logo */
em.ttip {
background:url(images/bubble.png) no-repeat;
width: 112px;
height: 56px;
float:left;
display: block;
position:absolute;
top: 230px;
left: 15px;
text-align: center;
text-indent:0px;
z-index: 2;
display: none;
line-height:70px;
color:#4e4e4e;
font-family: "Calibri", Trebuchet MS, Arial, Helvetica, sans-serif;
}
.idioma{
	float:right;
	color:#FFF;
	font-size:1em;
	margin:3px 0;
}
.idioma ul{
display:list-item;	
	font-size:1em;
}
.idioma ul li a{
	color:#ea8618;
	line-height:1.2em;
}
.idioma ul li a:hover{
	color:#FFF;
}
.blok{
	float:right;
	width:auto;
}
/* stylin navigation content */
ul.nav{
  margin:0 0 0 0;
  float:right;
  width:490px;
  text-transform:uppercase;
  display:block;
}
ul.nav li{
  width:auto;
}
ul.nav li a{
  float:left;
  font-size: 0.9em;
  line-height:55px;
  color:#fff;
  text-align:center;
  padding:0px 12px;
}

ul.nav li a:hover, ul.nav li a.active{
  float:left;
  color:#000;
  background:#FFF url(images/hover.jpg) repeat-x;
}
ul.nav li a:hover span, ul.nav li a.active span{
  display:block;
  float:left;
  color:#000;
  line-height:72px;
  padding:0px 12px;
}

/* stylin banner content */
.banner-wrap{
	width:100%;
	float:left;
	position:relative;
	background: #e4cc9e url(images/fondoslider.jpg) repeat-x;
}
.banner-inner{
}
.banner{
	width:970px;
	display:block;
	float:none;
	margin:0 auto;
}
.banner img{
	float:right;
	margin:42px 0 0 0;
}
.leftContent{
	width:375px;
	float:left;
	margin:65px 0 0 0;
}
.leftContent h2{
	width:100%;
	float:left;
	font-size:36px;
	color:#fff;
	padding-bottom:25px;
	text-transform:uppercase;
	text-shadow: 2px 2px 3px #971410;
}

.leftContent p{
	width:370px;
	float:left;
	font-size:12px;
	color:#fff;
	line-height:21px;
	padding-bottom:35px;
}
.leftContent a.m-info{
	width:173px;
	height:46px;
	float:left;
	font-size:14px;
	font-style:italic;
	font-weight:bold;
	color:#fff;
	text-shadow: 1px 1px 1px #e1a35b;
	text-align:center;
	line-height:44px;
	background:url(images/m-info_btn.png) no-repeat;
}
.borde{
	margin:10px 10px 0 0;
	padding:3px; 
	border:1px solid #b6b6b6; 
	background:#FFF;
}
/* Looped slider content */
.container { width:970px; height:auto; overflow:hidden; position:relative;  margin:0 auto;}
.slides { position:absolute; top:0; left:0; }
ul.pagination { list-style:none; padding:0; margin:0; position: relative; top:-18px; left:190px; background:url(images/pagination.jpg) no-repeat; width:79px;
height:18px; float:left;}
ul.pagination li  { float:left; width:9px; height:9px; float:left; background:#fff; margin:5px 0px 0 6px;}
ul.pagination li a {  background:url(images/slide-visited.png) no-repeat; display:block; width:9px; height:9px; float:left; font-size:0px; }
ul.pagination li.active a { background:url(images/hover-active.png) no-repeat;}
.clear{
	clear:both;
}

/* stylin main body content */
#content-wrap{
  clear:both;
  width:970px;
  float:none;
  margin:0 auto;
}
form.esp {
	float:left;
}
/* stylin leftPan content */
.leftPan{
	width:635px;
	display:block;
	float:left;
	margin-right:50px;
}
/* universal rules for content inside leftPan */
.leftPan h2{
	text-shadow:1px 3px #CCC;
	font-size:2em;
	color:#232629;
	margin-bottom:10px;
}
.leftPan h3{
	text-shadow:1px 3px #CCC;
	font-size:1.7em;
	color:#232629;
	margin-bottom:18px;
}
.leftPan p{
	color:#727272;
	margin:5px 0;
	text-align:left;
}

.leftall{
	width:auto;
	display:block;
	float:left;
	margin-top:15px;
}

.leftall h2{
	text-shadow:1px 3px #CCC;
	font-size:2em;
	color:#232629;
	padding-bottom:10px;
}
.leftall h3{
	text-shadow:1px 3px #CCC;
	font-size:1.8em;
	font-style:italic;
	color:#232629;
}

.leftall p{
	color:#727272;
	text-align:left;
	line-height:2em;
	font-size:1em;	
	text-align:left;	
	margin-bottom:0;
}
.leftall p.texto{
	clear:both;
}

.leftien{
	width:auto;
	display:block;
	float:left;
	margin: 0 0 10px 30px;
	clear:both;
	
}
/* universal rules for content inside leftPan */
.leftien h4{
	width:100%;
	float:left;
	text-shadow:1px 3px #CCC;
	font-size:2em;
	color:#232629;
	padding-bottom:18px;
}
.leftien p{
	color:#727272;
	margin:5px 0;
	text-align:left;
}
.tienda{
	width:300px;
	float:left;
	margin-right:20px;

}
 a.google{
	background:url(images/google.jpg) no-repeat left top;
	display:block;
	padding-left:12px;
	float:left;
}
.tienda img{
	float:right;

}
.tienda a:hover img{
	border: none;

}

.tienda h3{
	font-size:1.7em;
		text-shadow:1px 3px #CCC;
		
}
.tienda p.tel{
	font-size:1.5em;	
}
.tienda p{
	line-height:1.3em;
}
.tiendafinal{
	width:300px;
	float:left;
	margin-right:0;

}

.tiendafinal h3{
	font-size:1.7em;	
		text-shadow:1px 3px #CCC;
	
}
.tiendafinal p.tel{
	font-size:1.5em;	
}
.tiendafinal p{
	line-height:1.3em;
}
.tiendafinal img{
	float:right;

}
.tiendafinal a:hover img{
	border: none;
}.leftPan a.more{
	width:59px;
	height:14px;
	float:left;
	font-size:11px;
	color:#fff;
	font-weight:normal;
	text-align:center;
	background: #e26500 url(images/read-more.jpg) no-repeat;
}


/* stylin innerLeft column inside leftPan */
.leftPan .innerLeft{
	width:270px;
	float:left;
	margin-right:60px;
}
.leftPan .innerLeft p{
		line-height:2em;
	font-size:1em;	
	text-align:left;	
}
.right{
	float:right;
}
.left{
	float:left;
}
.leftPan .innerLeft2{
	width:600px;
	float:left;
}
.leftPan .innerLeft2 ul.accesi li{
	list-style-type:circle;
	margin-left:40px;
	display:list-item;
	line-height:2em;
	font-size:1em;	
	text-align:left;
}

.leftPan .innerLeft2 p{
	line-height:2em;
	font-size:1em;	
	text-align:left;	
	}

.leftPan a:hover img {
	border:1px solid #fff;
}
.leftPan a img {
	border:1px solid #fff;
}
/* stylin inner Right content */
.leftPan .innerRight{
	width:300px;
	display:block;
	float:left;
}
.innerRight img.borde{
	float:left;
	margin:10px 10px 0 0;
	padding:3px; 
	border:1px solid #b6b6b6; 
	background:#FFF;
	}
.innerRight img{
	float:left;
	margin:10px 10px 0 0;
	padding:3px; 
	border:1px solid #FFF; 
	background:#FFF;
	}
.innerRight .contenedor{
	display:block;
	width:300px;
	float:left;
	clear:both;
	padding-bottom:30px;
}
.leftPan .innerRight .contenedor p{
	line-height:2em;
	font-size:1em;	
	text-align:left;
}
.leftPan .innerRight .contenedor h3{
	margin-bottom:0;
}
.leftPan .innerRight .contenedor  a{
	line-height:2em;
	font-size:0.6em;
	font-style:italic;
	font-weight:bolder;
	text-shadow:1px 3px #CCC;
	color:#ea8618;
}
.leftPan .innerRight .contenedor a:hover{
	
	color:#000;
}

/* stylin rightPan content */
.rightPan{
	width:277px;
	float:right;
}
.rightPan a img{
	border:1px solid #FFF;
}
.rightPan a img.borde{
	margin:10px 10px 0 0;
	padding:3px; 
	border:1px solid #b6b6b6; 
	background:#FFF;
}
.rightPan a:hover img {
	border:1px solid #FFF;
}
.rightPan h2{
	font-size:2em;
	clear:both;
	text-shadow:1px 3px #CCC;
	color:#ea8618;
	font-style:italic;
	margin-bottom:10px;
}
.rightPan a.produc{
	font-size:1.2em;
	color:#000;
	clear:both;
	margin-top:10px;
	display:block;
	background: url(images/quot-watermark.png) no-repeat;
	padding:5px 30px;
}
.rightPan a.produc:hover{
	color:#ea8618;
}
.rightPan a{
	color:#ea8618;
}
.rightPan a:hover{
	color:#000;
}	

/* stylin bottom-wrap */
.botomwrap{
	width:970px;
	float:left;
	margin:20px 0 46px 0;
}
.botomLeft{
	width:625px;
	float:left;
	margin-right:60px;
}
p.cabecera{
	width:100%;
	float:left;
text-shadow:1px 3px #CCC;
	font-size:2em;	color:#232629;
}
.botomLeft blockquote{
	width:618px;
	float:left;
	font-size:1em;
	color:#727272;
	line-height:1.6em;
	padding:10px 0 26px 0;
	background:url(images/quot-watermark.png) no-repeat top left;
}
.botomLeft p.signature{
	clear:left;
	float:left;
	font-size:1em;
	color:#5d5d5d;
	font-weight:bold;
}

/* stylin rightside content */
.botomRight{
	width:277px;
	display:block;
	float:left;
	background:url(images/icono_telefono.png) right bottom no-repeat;
}
.botomRight h4{
	width:100%;
	float:left;
text-shadow:1px 3px #CCC;
	font-size:2em;	color:#232629;
	padding-bottom:16px;
}
.botomRight p.qcontact{
	width:233px;
	float:left;
	font-size:1em;
	color:#727272;
	line-height:1.6em;
}
p.qcontact a{
	font-size:1em;
	color:#727272;
	text-decoration:none;
}
p.qcontact a:hover{
	font-size:1em;
	color:#ea8618;
	text-decoration:none;
}
	
	

/* stylin footer content */
#footer-wrap{
  clear:both;
  width:100%;
  float:left;
  background-color:#232629;
}

#footer{
  width:970px;
  height:8em;
  float:none;
  margin:0 auto;
}

#footer p.copyright{
	min-width:120px;
	float:left;
	font-size:1.5em;
	color:#FFF;
	line-height:2em;
	margin:12px 0 0 0;
}
/* stylin signature content */
p.sign{
	clear:left;
	width:auto;
	float:left;
	margin:7px 47px 0 0;
	font-size:1.2em;
	font-weight:bold;
	color:#3f3f3f;
	font-size:1em;
}
p.sign a{
	color:#3f3f3f;
	font-size:1em;
	line-height:normal;
	font-weight:bold;
    text-decoration: none;
}
p.sign a:hover{
	color:#F90;
}
/* stylin footer navigation content */
ul.footNav{
	width:auto;
	clear:both;
}
ul.footNav li{
	color:#727272;
	display:inline;	
	line-height:21px;
	border-right:1px solid #727272;
}
ul.footNav li.final{
	
	border-right:none;
}
ul.footNav li a{
	padding:0px 4px;
	font-size:1em;
	color:#727272;
	text-decoration:none;
}ul.footNav li a:hover{
	padding:0px 4px;
	color:#FFF;
	text-decoration:none;
}
#footer .texto {
	float:left;
}

/* stylin footer logo */
div.footLogo{
	width:auto;
	height:auto;
	float:right;
	background:url(images/gradient_footer.png) no-repeat left center;
}
div.footLogo img{
	margin:12px 0 0 15px;
}
div.footLogo ul{
	float:left;	
	clear:both;
	width:100px;
}


/* ####################################
######## Stylin Inner pages ###########
#################################### */
div.clear{
	clear:both;
	width:100%;
	height:40px;
	float:left;
}

/* contact us page */
.leftPan img.map{
	margin-bottom:28px;
}
.rightPan p{
	font-size:1em;
	color:#727272;
	line-height:2em;
	color:#727272;
	padding-bottom:15px;
}

/* stylin blog page content */
 ul.blog{
	display:block;
	width:100%;
	float:left;
}
 ul.blog li{
	width:100%;
	float:left;
	display:block;
	padding-bottom:30px;
}
 ul.blog li h4{
	font-size:21px;
	color:#494949;
	line-height:21px;
	padding:0px 0px 10px 0;
}
 ul.blog li img{
	margin:10px 9px 10px 0;
}
 ul.blog li p a{
	font-size:12px;
	color:#727272;
	text-decoration:underline;
}
 ul.blog li p a:hover{
	text-decoration:none;
}
 ul.blog li p.date, ul.blog li p.post, ul.blog li p.comments{
	padding:0 0 9px 0;
}
 ul.blog li p.date a{
	 text-decoration:none;
	 border-bottom:1px dashed #454545;
 }
 
 /* stylin sitemap content */
ul.sitemap, ul.sitemap li{
	clear:both;
	width:120px;
	float:left;
	display:block;
}
ul.sitemap li a{
	font-size:12px;
	line-height:19px;
	color:#e26500;
	float:left;
}
ul.sitemap li a:hover{
	color:#454545;
}
#fotplug{
	width:100%;
	height:0;
	float:left;
	  background-color:#232629;

}
/*aaaaaaaaaaaaaaa*/
.colortabla {
	color: #FFFFFF;
	font-weight: bold;
}
tr {
	height: auto;
}
td {
	padding-left: 11px;
	padding-right: 2px;
	border: 1px solid #EDEDED;	
}	
table {
	margin-bottom:10px;
	clear:both;
}


/* BUTTONS */
.buttons {
	clear:both;
	height:auto;
	float:left;
	margin:5px;
}
.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"lucida grande","segoe ui",verdana,sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    /*border:none;*/
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
input, select {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	color: #666666;
	background: #fff;  	
}
input.modifi{
	margin-right:5px;
	float:left;
}
textarea {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 100px;
	display: block;
	color: #666666;
}
textarea.nov {
	padding: 4px;
	font: normal 1em Verdana, sans-serif;
	height: 50px;
	display: block;
	color: #666666;
}
input, textarea, select {
	background: #fff;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #D4D4D4 #ebebeb #ebebeb #d4d4d4; 
}

input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 30px;
	margin: 0;
	padding: 2px 3px; 
	color: #555;
	background: #E6E6E6;
	
	border-width: 1px;
  	border-style: solid;
  	border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;
}
/*//LIStADO PRODUCTOS////////////////*/
.leftall  dl
	{
		padding:0 0 0 5px;
		width:40em;
		float:left;
		margin:10px 0;
	}
.leftall  dt
{
	font-size: 1em;
	text-transform:uppercase;
	line-height:5em;
	text-align:left;
	padding-left:3.5em;
	font-style:italic;
	margin:0;
	background:url(images/logito.png) no-repeat left center;
}

	
.leftall  dt a{
	color:#000;

}
.leftall dt a:hover{
	color:#ea8618;
}
.leftall  .dl2
{
	padding:0 0 0 5px;
	width:30em;
	float:left;
	margin:10px 0;
}	
.leftall .dl2 dd {
	color:#000;
	line-height:5em;
	text-align:left;
	padding-left:3.5em;
	font-style:italic;
	margin:0;
	background:url(images/sombra.jpg) no-repeat left center;

}
.leftall .dl2 dd a{
	color:#000;

}
.leftall .dl2 dd a:hover{
	color:#ea8618;
}
/*//UL PRODUCTOS////////////////*/
.leftall  ul
	{
		padding:0 0 0 5px;
		width:40em;
		float:left;
		margin:10px 0;
	}
.leftall  ul li 
{
	font-size: 1em;
	text-transform:uppercase;
	line-height:5em;
	text-align:left;
	padding-left:3.5em;
	font-style:italic;
	margin:0;
	background:url(images/logito.png) no-repeat left center;
}

	
.leftall  li a{
	color:#000;

}
.leftall li a:hover{
	color:#ea8618;
}
.align-right { text-align: right; padding: 0 5px 5px 0; }
.derecha {
	float:right;
}
.derecha2 {
	float:right;
	padding:3px; 
	border:1px solid #b6b6b6; 
	background:#FFF;
	margin-left:5px;
}
/********DIV DE ERRORES FORMULARIOS******/
.notifi_m{
	background:#FFD5D5; 
	border: solid 1px #F00; 
	margin:8px 5px;
	padding:0 10px;
	width:auto;
	float:left;
}
.notifi_c{
	background:#CEFFCE; 
	border: solid 1px #008000; 
	margin:8px 5px;
	padding:0 10px;
	width:auto;
	float:left;
}
.atencion{
	color:#F00;
}
.correcto{
	color:#008000;
}
.asterisco{
	color:#ea8618;
}/*LOGIN*/
#login {
background: url(images/login_bg.png) no-repeat top left;
margin:20px 0 0 20px;
width: 18em;
height: 11.5em;
font-size: 1.4em;
border: none;
padding-top:30px;
}

#login h3 {
font-size:1.1em;
margin:0;
padding:0;
padding-left:2.2em;
padding-top:0.7em;
}

#login form {
width:16em;
padding: 10px 10px 0px 0px;
margin: 0px;
border:none;
}
#login p {

margin: 0px;
padding: 0px;
}
#login form p label {
text-align: left;
float: left;
font-size: 0.7em;
line-height:2.9em;
color:#000;
padding:0;
clear:both;
margin-left:0.5em;
}
#login form p.check {
padding-left: 77px;
width: 199px;
height: 23px;
}
#login #remlabel {
float: left;
font-size: 0.8em;
position: relative;
left: -3px;
}
#login #remember {
float: left;
width: 14px;
height: 14px;
margin: 0px;
padding: 0px;
position: relative;
top: 3px;
}
#login #submit {
width: 6em;
height: 2.9em;
cursor: pointer;
border: 1px solid #000;
float: right;
margin-right:1.5em;
font-size:0.6em;
}
#login #username, #login #clave {
background: url(images/input_bg.png) no-repeat top left;
border: 1px solid #d0d0d0;
width:12em;
height: 1.2em;
padding: 0.5em;
color: #222222;
font-size: 0.6em;
float: right;
margin-bottom: 10px;
margin-right:1em;
}
#login p.member {
text-align: left;
width: 270px;
font-size: 0.8em;
font-family: Arial, Helvetica, sans-serif;
margin: 2px 2px 0px 2px;
padding: 2px;
line-height: 1.3em;
}