@import url(font/icomoon/style.css);

img, div, a, input  {behavior: url(iepngfix.htc) }



@font-face {

font-family:arial black;

src: url('font/arial-black.eot');

src: local('peluche'), url('font/arial-black.ttf') format("truetype");



}







body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}





body{

color:#333;

font-family: Tahoma, Geneva, sans-serif;

background:url(SVimagenes/fondo.jpg) no-repeat 0 0;

background-attachment:fixed;

-moz-background-size: 100% 100%;

 -o-background-size: 100% 100%;

 -webkit-background-size: 100% 100%;

 background-size: 100% 100%;











}







/*GENERALES ***********************************************************************/

a {text-decoration:none;color:#d6101a;}

a:hover{color:#000;}

a:active{color:#000;}

p {margin:0px;padding:0px;}

#separador {clear: both;visibility:hidden; height:0;}

*:focus{outline:none;}





#sombrita280 {

	position:absolute;

	width:280px;

	background:url('SVimagenes/sombrita280.png') no-repeat 0 0;

	height:16px;

	right:0;

	bottom:-16px;}







/*GRADIENTE PRINCIPAL*/



#login form button, #footer ul li a:hover, #botonesproducto a, #botonesproducto input#botonproducto, #botonesproducto select, #caja #precio, #boton,#usuario #nombre:hover, #cabezota .barra-horizontal, #usuario #nombre, #botonesproducto #botonproducto.agregarpedido {

background: #99ca3b; /* Old browsers */

background: -moz-linear-gradient(top,  #99ca3b 0%, #77a531 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ca3b), color-stop(100%,#77a531)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #99ca3b 0%,#77a531 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #99ca3b 0%,#77a531 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #99ca3b 0%,#77a531 100%); /* IE10+ */

background: linear-gradient(to bottom,  #99ca3b 0%,#77a531 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ca3b', endColorstr='#77a531',GradientType=0 ); /* IE6-9 */



color:#fff;

text-shadow:0 -1px 0 rgba(0,0,0,0.3)





}







/*Gradiente rojo*/



.barra-horizontal ul li a:hover, .barra-horizontal ul li:last-child a:hover, #login form button:hover, .menu ul.menu-1 li h2.activo, .menu ul.menu-1 li ul.menu-2 li h3.activo,.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li h4.activo, .adjuntos h3 a, .externos h3 a, #boton, #botonesproducto a#botonproducto.botoncurso{

background: #f20000; /* Old browsers */

background: -moz-linear-gradient(top,  #f20000 0%, #d6101a 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f20000), color-stop(100%,#d6101a)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f20000 0%,#d6101a 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f20000 0%,#d6101a 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f20000 0%,#d6101a 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f20000 0%,#d6101a 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f20000', endColorstr='#d6101a',GradientType=0 ); /* IE6-9 */

color:#fff;

text-shadow:0 -1px 0 rgba(0,0,0,0.4);

}









/*Bloques Laterales*/

#pbanners #bannercontainer, #anos, #twitter{

width:100%;

padding:10px;

margin:0 0 20px 0;

 background:#e9e9e9;

cursor: pointer;

box-shadow:inset 1px 1px 4px rgba(0,0,0,0.24);

-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.24);

-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.24);

 background:url('https://admin.centecpro.com/SVcommon/images/fondos/b20.png') repeat 0 0;

	-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;



}











/* CIERRA GENERALES ***********************************************************************/





























/*BLOQUES PRCINCIPALES DEL WEB SITE *********************************************/

#wrapper {

	width: 98%;

	max-width:1000px;

	margin:10px auto;

	position:relative;

	background:url('https://admin.centecpro.com/SVcommon/images/fondos/b70.png') repeat 0 0;

	-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

	-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

padding:10px;

	}







#izquierda {

	float:left;

	width:215px;

	margin:0 10px 10px 0;

}

@media only screen and (max-width:1023px){

	#izquierda {display: none;}

}



#centro, #centroform {

	width:593px;

	float:left;

	padding:0px;

	margin:0 10px 0 0;

	background-repeat: no-repeat;

	background-position: left top;

}



@media only screen and (max-width:1023px){

	#centro, #centroform {width: 100%;}

}



#derecha {

	padding:0;

	width:152px;

	margin:0;

	float:left;



}



@media only screen and (max-width:1023px){

	#derecha {width: 100%;}

}



#contenido {

clear:both;



}













/* ///////////// BLOQUES PRCINCIPALES DEL WEB SITE *********************************************/







/*CABEZOTA *********************************************************/







#cabezota {

	width: 98%;

	max-width:1000px;

	margin:0 auto;

	position:relative;

	height:230px;

}





/*//// CABEZOTA *********************************************************/









/*Carrusel*****************************************************************/

#carruselcontainer {width: 98%; max-width:1000px;

margin:20px auto;}



@media only screen and (max-width:1024px){

	#carruselcontainer {display: none;}

}

























/*LOGO*/

 #cabezota #logo{

	width:391px;

	height:150px;

	position:absolute;

	top:10px;

	left:0;

	background-image:url(SVimagenes/logo.png);

	background-repeat:no-repeat;

	background-position:0 0;

	margin:10px 0 10px 0;

	-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;



}

















#cabezota #slogan {

	width:330px;

	height:82px;

	top:100px;

	right:15px;

	position:absolute;

	background:url(SVimagenes/slogan.png) no-repeat 0 0;}



@media only screen and (max-width:780px){

	#cabezota #slogan {display: none;}

	#cabezota #logo {

		width: 350px;

		background-size: auto 100% !important;

		height: 130px;

		top: 34px;

	}

}







@media only screen and (max-width:570px){

	#cabezota #logo {

		top: 15px;

		left: 50%;

		width: 290px;

		-webkit-background-size: 100% !important;

		background-size: 100% !important;

		-webkit-transform: translateX(-50%);

		-ms-transform: translateX(-50%);

		-o-transform: translateX(-50%);

		transform: translateX(-50%);

	}

	#cabezota #slogan {display: none;}

}

















/*LOGGUED  y LOGIN   *************************************************************************/





#login, #usuario {

	position:absolute;

	top:0;

	right:0;

	width:1000px;

	margin:0 auto;

	content:"";clear:both;display:table;zoom:1;

	overflow:hidden;

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



}



#login {



	padding:5px 0 0 0;



	}



#login form{text-align:right;



	}



#login {

	padding:5px 0 0 0;



	}



#login form{text-align:right;



	}



#login form label{ margin:0 10px 0 0;

height:30px;

font-size:11px;



}



#login form label span{

	color:#8f8f8f;

	margin:0 5px 0 0;}

#login form label input{

	border:solid 1px #b4b4b4;

	background: #F3F3F3;

	height:27px;

	color:#666;

	font-size:11px;

	box-shadow:inset 1px 1px 3px rgba(0,0,0,0.15);

-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.15);

-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.15);

padding:0 5px;

-webkit-transition:all 0.5s ease-out;

  -moz-transition:all 0.5s ease-out;

  -o-transition:all 0.5s ease-out;

  -webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-khtml-border-radius:5px;

border-radius:5px;

	}



#login form label input:hover{

	border:solid 1px #d6101a;



}







#login form button{

	border:solid 1px  #559124;

color:#fff;

	height:27px;

	font-size:12px;

	padding:0 8px;

	text-shadow:0 -1px 0 rgba(0,0,0,0.5);

		display:inline-block;

	-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

cursor:pointer;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-khtml-border-radius:5px;

border-radius:5px;





		}



#login form button:hover{



}

#login form button:active{}





#login #acciones {

	float:right;

	margin:2px 10px 0 0	}

#login #acciones a {

	text-align:right;

	line-height:13px;

	font-size:10px;

	color:#666;

	margin:0;

	display:block;

}



#login #acciones a:hover {

	color:#d6101a;

	text-shadow:0 0 5px rgba(255,255,255,0.8);}



.abrir-login.icon-user {

	z-index: 9999;

	position: absolute;

  right: 5px;

  top: 10px;

  display: none;

  padding: 8px;

  border-radius: 10px;

  cursor: pointer;

  background: #99ca3b;

  background: -moz-linear-gradient(top, #99ca3b 0%, #77a531 100%);

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99ca3b), color-stop(100%,#77a531));

  background: -webkit-linear-gradient(top, #99ca3b 0%,#77a531 100%);

  background: -o-linear-gradient(top, #99ca3b 0%,#77a531 100%);

  background: -ms-linear-gradient(top, #99ca3b 0%,#77a531 100%);

  background: linear-gradient(to bottom, #99ca3b 0%,#77a531 100%);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ca3b', endColorstr='#77a531',GradientType=0 );

  color: #fff;

}



.abrir-login.icon-user:before {font-size: 30px;}



/*#cabezota .elijaCiudad #select {left: 350px !important;}*/



	@media only screen and (max-width:570px){

		#login, #usuario {display: none;}

		#login form label input {width: 100%; height: 40px;}

		#login form label span {

			text-align: left !important;

    	width: 100%;

    	display: block;

   	 margin-bottom: 5px;

   	}

   	#login, #usuario {

	   	width: 100%;

	    padding: 5px 0 0 0;

	    background-color: #f5f5f5;

	    position: absolute;

	    top: 70px;

	    left: 0;

	    z-index: 999;

	    padding: 15px;

	    box-sizing: border-box;

   	}



   	#login #acciones a {

   		    float: left;

    margin-right: 10px;

    margin-top: 10px;

    font-size: 16px;

   	}



   	#login form button {margin-top: 20px;}



   	.abrir-login.icon-user {display: block;}



		.elijaCiudad {

			position: absolute;

		    right: 110px;

		    bottom: 90px;

		}



		.elijaCiudad #select {

			left: 0 !important;

			top: 0 !important;

		}



	}































#usuario {

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

}





#usuario img{border:none;}



#usuario #nombre{

float:right;

height:30px;

line-height:30px;

padding:0 10px;

-moz-border-radius:0 0 10px 10px;

-webkit-border-radius:0 0 10px 10px;

-khtml-border-radius:0 0 10px 10px;

border-radius:0 0 10px 10px;

text-shadow:0 -1px 0 rgba(0,0,0,0.6);

}



#usuario #nombre:hover{}



#usuario #nombre a{

color:#fff;

font-size:13px;

font-weight:bold;



}



#usuario #nombre a:hover{

}





#usuario ul {

	white-space:nowrap;

	float:right;

	height:30px;

	list-style-type:none;

margin:0 0 0 10px;



}



@media only screen and (max-width:800px){

	#usuario ul {

		height: inherit;

		width: 320px;

	}

	#usuario ul li {float: right;}

}



#usuario ul li{

	display:inline;

	margin:0 10px 0 0;

}



	@media only screen and (max-width:570px){

	#usuario #nombre {

		margin-right: -14px;

    margin-top: -15px;

	}

	#usuario ul {

		float: left;

		width: inherit;

		height: inherit;

	}



	#usuario ul li {display: block; float: none;}

}



#usuario ul li a{

	line-height:30px;

color:#666;

font-size:12px;

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;}



 #usuario ul li.logout a{

	 color:#900;}





#usuario ul li a:hover{color:#F00;

text-shadow:0 0 5px rgba(255,255,255,0.8);

}



#usuario ul li img{}









/*CIERRA LOGUED Y LOGIN ****************************************************************/











/*carrito ***************************************************/

#carrito{ margin:-10px 0 0 10px;

 position:relative;

	padding:10px;

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

  background:url('https://admin.centecpro.com/SVcommon/images/fondos/n10.png') repeat 0 0;

text-shadow:0 1px 0 rgba(255,255,255,0.8);

-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px; }

#carrito h1{ margin:0 0 10px 0; font-size:17px;}

#carrito #carritoimagen {

	width:40px;

	height:34px;

	position:absolute;

	top:5px;

	right:5px;}



#carrito #carritodato{

	padding:7px 0;

	margin:0 0 7px 0;

	border-bottom:dashed 1px #ccc;

	font-size:0.9em;

}







#carrito #carritodato:nth-of-type(3n)	{border-bottom:none!important;

padding:0;}



/*cerro carrito ***************************************************/

































/*PEROLITO DE BUSCAR ARRIBA* *******************************************/

#cabezota #buscare {

	position:absolute;

	bottom:8px;

	right:10px;

	width:200px;

	height:30px;

	z-index:10;

	}



#buscare:hover form input {

	border:solid 1px #333;

	border-right:none;}



#buscare:hover form button {

	border:solid 1px #333;

	border-left:none;}



 #buscare form input, #buscare form button{

	float:right;

	margin:0;

	height:30px;

	-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

border:solid 1px #d4d4d4;

	background: #F3F3F3;

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

font-size:11px;

line-height:30px;

color:#999;

-webkit-transition:all 0.5s ease-out;

  -moz-transition:all 0.5s ease-out;

  -o-transition:all 0.5s ease-out;

 }



 #buscare form input{

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

-webkit-border-radius:5px 0 0 5px;

-khtml-border-radius:5px 0 0 5px;

border-radius:5px 0 0 5px;

	width:170px;

	border-right:none;

	padding:0 10px;}



 #buscare form button{

	width:30px;

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

-webkit-border-radius:0 5px 5px 0;

-khtml-border-radius:0 5px 5px 0;

border-radius:0 5px 5px 0;

border-left:none;

background:#bbbbbb url('https://admin.centecpro.com/SVcommon/images/lupa.png') no-repeat 50% 50%;

cursor:pointer;}





/* //// PEROLITO DE BUSCAR ARRIBA* *******************************************/















/*MENU HORIZONTAL DINAMICO*****************************************************************************************************/

/*Oculta los item con la clase .mostrar del menu izquierdo de categorias*/

.barra-horizontal .mostrar {

	display: none;

}



@media only screen and (max-width:1023px){

	.barra-horizontal .mostrar {

	display:inline;

	}

}

.barra-vertical {

	display: none;

	width: 100%;

	max-width: 1000px;

	margin:0 auto;

    text-align: center;

    margin-top: 20px;

    font-size: 20px;

    text-transform: uppercase;

}



/*Muestra los item con la clase .mostrar del menu responsive*/

.barra-vertical .mostrar {

	display: block;

}



.barra-vertical ul li {padding: 5px 0;}



.barra-vertical .menu-responsive {display: none;}



#cabezota .barra-vertical ul li {

	display: block;

	text-align: center;

}



#cabezota .barra-horizontal {

	font-family:"Arial Black", arial, sans-serif;

	position:absolute;

	bottom:0;

	left:0;

		width:100%;

	height:45px;

	-moz-border-radius:10px;

-webkit-border-radius:10px ;

-khtml-border-radius:10px;

border-radius:10px;

overflow: hidden;



}







.barra-horizontal ul {

	float:left;

	overflow:hidden;

	position:relative;

	height:45px;





}

.barra-horizontal ul li{

	display: inline;

	white-space:nowrap;





}



.barra-horizontal ul li.menu-responsive {display: none;}

/*Tamaño del icono del menu*/

.barra-horizontal ul li.menu-responsive a:before {font-size: 30px;}



@media only screen and (max-width:870px){

	.barra-horizontal ul li {display: none;}

	.barra-horizontal ul li.menu-responsive {display: inline;}

}





.barra-horizontal ul li a{

		color:#fff;

	font-size:14px;

	line-height:45px;

	padding:0 10px;

	text-shadow: 0 -1px 0 rgba(0,0,0,0.2);

	display:block;

	float:left;

	background:transparent url(SVimagenes/separador.png) no-repeat 100% 50%;

	-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;







}



.barra-horizontal ul li:last-child a {

	background:none;



}







.barra-horizontal ul li a:hover {

	color: #fff;

	text-decoration:none;

	box-shadow:0 0 6px rgba(255,255,255,0.3);

-moz-box-shadow:0 0 6px rgba(255,255,255,0.3);

-webkit-box-shadow:0 0 6px rgba(255,255,255,0.3);













}



.barra-horizontal ul li:first-child a{

-moz-border-radius:10px 0 0 10px;

-webkit-border-radius:10px 0 0 10px;

-khtml-border-radius:10px 0 0 10px;

border-radius:10px 0 0 10px;

	}









 .barra-horizontal ul li a.actual{

	color: #fff ;

	text-decoration:none;

	text-shadow:0 0 5px rgba(255,255,255,0.8);

	}



 .barra-horizontal ul li a.actual:hover{

	color: #fff ;



	}



/****************************************************CIERRA MENU HORIZONTAL DINAMICO*/







/*PBANNERS ************************************************************************************/

#pbanners{

	margin:0 0 20px 0;

}

	@media only screen and (max-width:1023px){



		#pbanners {text-align: center;}



		#pbanners #bannercontainer{

			width: 150px;

	    display: inline-block;

	    margin-right: 5px;

		}



	}



#pbanners #bannercontainer:hover{

 background:url('https://admin.centecpro.com/SVcommon/images/fondos/n10.png') repeat 0 0;



}

#bannercontainer .bannner{



	background-repeat:no-repeat;

		width:132px;

		height:200px;

			-moz-background-size: 100% 100%;

 -o-background-size: 100% 100%;

 -webkit-background-size: 100% 100%;

 background-size: 100% 100%;

	-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;



	}


/*Nuevobanner 2023*/

#izquierda #pbanners{
	margin-top:30px;}

#izquierda #bannercontainer .bannner{	width:195px;
height:195px;}


#bannercontainer #caption{

	display:none;

	font-size:14px;

	color:#666;

	text-align:center;

	margin:10px 0 0 0!important;

	text-shadow:0 1px 0 rgba(255,255,255,1);}





/* cierra PBANNERS ************************************************************************************/

































































































/*MENU IZQUIERDA***************************************************************************************************************************/

.menu {

	font-family:"Arial Black",arial, sans-serif;

	padding:5px;

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

  cursor: pointer;

text-align:right;

text-shadow:0 1px 0 rgba(255,255,255,0.8);

-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;



background: #f7f7f7; /* Old browsers */

background: -moz-linear-gradient(top,  #f7f7f7 1%, #e5e5e5 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f7f7f7), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #f7f7f7 1%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #f7f7f7 1%,#e5e5e5 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #f7f7f7 1%,#e5e5e5 100%); /* IE10+ */

background: linear-gradient(to bottom,  #f7f7f7 1%,#e5e5e5 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */







}





.menu a{color:#909090;}

.menu h2.activo a{ color:#FFF;}





.menu ul.menu-1 li:last-child h2,.menu ul.menu-1 li:last-child h2:hover,.menu ul.menu-1 li ul.menu-2 li:last-child h3,.menu ul.menu-1 li ul.menu-2 li:last-child h3:hover,.menu ul.menu-1 li:last-child a,.menu ul.menu-1 li:last-child a:hover {

	border-bottom:none!important;

	box-shadow:none!important;

-moz-box-shadow:none!important;

-webkit-box-shadow:none!important;}





/*comunes* para todos los  H*/

.menu ul.menu-1 li h2, .menu ul.menu-1 li ul.menu-2 li h3, .menu ul.menu-1 li ul.menu-2 li ul.menu-3 li h4, .menu a.articulo {

	margin-bottom:5px;

	display: block;

	color: #909090;

	border-bottom: 1px solid #ccc;

	box-shadow:0 1px 0 #fff;

-moz-box-shadow:0 1px 0 #fff;

-webkit-box-shadow:0 1px 0 #fff;

	-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

  text-shadow:0 1px 0 rgba(255,255,255,1);



}





.menu ul.menu-1 li h2:hover, .menu ul.menu-1 li ul.menu-2 li h3:hover,.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li h4:hover,.menu a.articulo:hover {

color: #d6101a;

border-bottom: 1px solid #ccc;

box-shadow:0 1px 0 #fff;

-moz-box-shadow:0 1px 0 #fff;

-webkit-box-shadow:0 1px 0 #fff;

text-shadow:0 0 5px rgba(255,255,255,0.8);





}



.menu ul.menu-1 li h2.activo, .menu ul.menu-1 li ul.menu-2 li h3.activo,.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li h4.activo {

text-align:left!important;

color: #fff ;

text-shadow:0 -1px 0 rgba(0,0,0,0.6);

border-bottom: 1px solid #ccc;









}





.menu ul.menu-1 li:first-child h2.activo {

	-moz-border-radius:10px 10px 0 0;

-webkit-border-radius:10px 10px 0 0;

-khtml-border-radius:10px 10px 0 0;

border-radius:10px 10px 0 0;



 }









/* //comunes*/























.menu ul.menu-1 {}

.menu ul.menu-1 li {padding:0 0 0;}



@media only screen and (max-width:1023px){

	.menu ul.menu-1 li {text-align: center;}

}



.menu ul.menu-1 li h2 {

	font-size:19px;

	line-height:19px;

	padding:10px; }



.menu ul.menu-1 li h2:hover {}



.menu ul.menu-1 li h2.activo {

font-size:18px;

}























.menu ul.menu-1 li ul.menu-2 {

	display:none;

	margin:0 3px 20px 0;

}

.menu ul.menu-1 li ul.menu-2 li {

	border:none;

	padding:0;





}

.menu ul.menu-1 li ul.menu-2 li h3 {

	font-size:14px;

	line-height:14px;

	padding:10px;

	color:#000;



}

.menu ul.menu-1 li ul.menu-2 li h3:hover {

}



.menu ul.menu-1 li ul.menu-2 li h3.activo {

font-size:17px;

}





















.menu ul.menu-1 li ul.menu-2 li ul.menu-3 {

	margin:5px 0 0 0;

}

.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li {

	border:0 none;



}

.menu ul.menu-1 li ul.menu-2 li ul.menu-3 {

	display:none;

}

.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li h4 {

	font-size:13px;

	line-height:13px;

	padding:8px;

}



.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li h4:hover {





}



.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li h4.activo {

font-size:13px;

}



.menu ul.menu-1 li ul.menu-2 li ul.menu-3 li ul.menu-4 {

	display:none;

}













.menu a.articulo {

	padding:5px!important;

	font-size:13px!important;



}

.menu a.articulo:hover {}



.menu a.articulo:active {

color: #fff ;

text-shadow:0 0 7px rgba(255,255,255,1);

border-bottom: 1px solid #333;



}



























/*MENU IZQUIERDA***************************************/

































#tapatope {	display:none;}



	#tapabottom {display:none;}

























































































/*INFO INDEX : texto del titulo principal y el t4exto del index**************************************/

#infoindex{



	}





#infoindex #titulo{

font-size:32px;

line-height:32px;

color:#454545;

letter-spacing:-2px;

margin:0 0 10px 0



font-family:"Arial Black", Gadget, sans-serif;



   }

#infoindex #pimagenindexdiv{

	float:left;

	width:40%;

	}



#infoindex #pimagenindexdiv img#pimagenindex{ width:100%;}



#infoindex #texto{

	float:right;

	width:59%;

	color:#666;

	position:relative;

	}

	#infoindex #texto p{

			font-size:14px!important;

		margin:0 0 12px 0;

		text-align:left!important;}



@media only screen and (max-width:1023px){

	#infoindex #pimagenindexdiv {display: none;}

	#infoindex #texto,

	#infoindex #texto iframe {width: 100%;}

	#infoindex #texto iframe { height: 400px;}

}



/*CENTRO INDEX : texto del titulo principal y el t4exto del index**************************************/









/*BLOQUES DE PRODUCTOS DESTACADOS***********************************************************************/

#destacadotitulo {

	font-family:arial black,arial;

	display:inline-block;

	padding:10px;

	color:#d6101a;

	font-size:25px;

	-moz-border-radius:0 10px 0 0;

-webkit-border-radius:0 10px 0 0;

-khtml-border-radius:0 10px 0 0;

border-radius:0 10px 0 0;

text-shadow:0 1px 0 rgba(255,255,255,0.3);

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 1%, #dbdbdb 5%, #f2f2f2 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(5%,#dbdbdb), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 1%,#dbdbdb 5%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 1%,#dbdbdb 5%,#f2f2f2 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 1%,#dbdbdb 5%,#f2f2f2 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 1%,#dbdbdb 5%,#f2f2f2 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */









}





#destacados{

background: #f2f2f2;



padding:10px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

position:relative;

margin:0 0 10px 0;

-moz-border-radius:0 10px 10px 10px;

-webkit-border-radius:0 10px 10px 10px;

-khtml-border-radius:0 10px 10px 10px;

border-radius:0 10px 10px 10px;







 }







#destacados #item{

	float:left;

	width:32%;

	height:170px;

	margin:0 2% 20px 0;

	-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

border:solid 1px #dadada;

text-align:center;

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */



padding:10px;

  overflow:hidden;

		-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;





   }



   @media only screen and (max-width:1023px){

   	#destacados {text-align: center;}

   	#destacados #item {

   		display: inline-block;

   		float: none;

   		width: 180px;

   	}

   }



#destacados #item:hover{ border:solid 1px #666;

box-shadow:0 0 6px rgba(0,0,0,0.4);

-moz-box-shadow:0 0 6px rgba(0,0,0,0.4);

-webkit-box-shadow:0 0 6px rgba(0,0,0,0.4);



}



#destacados #item:nth-of-type(3n){

	margin-right:0;}







#destacados #item img{

	width:158px;

	height:119px;

	margin:0;

	-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

}







#destacados #item img:hover{

}





#destacados #item #titulo{

	font-family:"Arial Black", arial, sans-serif;

	font-size:16px;

	line-height:16px;

	color:#c61115;}



#destacados #item #resumen{

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

	font-size:11px;

	display:none;

;}



#destacados #item #resumen p{

	font-size:11px;

	line-height:11px;

	text-align:center;

	margin:0;}



#destacados #item #dato{

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

	font-size:11px;

	color:#000;}

#destacados #item #dato.precio{

	margin:-5px 0 1px 0;

	height:17px;

	line-height:17px;

	background:#f2f2f2;

	border-radius:0 0 5px 5px;

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

-webkit-border-radius:0 0 5px 5px;

-khtml-border-radius:0 0 5px 5px;



}













#destacados #iteminterno {

		height:60px;

			width:32%;

		padding:0;

			float:left;

	margin:0 2% 20px 0;

	-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

border:solid 1px #dadada;





background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */





		-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;



-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

		overflow:hidden;



}



@media only screen and (max-width:640px){

	#destacados #iteminterno {width: 100%;}

}





#destacados #iteminterno:nth-of-type(3n){

	margin-right:0;}



#destacados #iteminterno:hover {

background: #7d7e7d; /* Old browsers */

background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */

background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */



}











#destacados #iteminterno #contenedormarica{

	display:table;

	height:100%;

	width:100%;}



#destacados #iteminterno #contenedormarica a#linkdelavaina{

	text-align:center;

	color:#333;

	width:100%;

	height:100%;

	text-shadow:0 1px 0 rgba(255,255,255,0.8);

	display: table-cell;

	vertical-align:middle;

	padding:0 5px;

	-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;



font-family:arial, sans-serif;

	font-size:13px;

	line-height:14px;    }







#destacados #iteminterno:hover #contenedormarica a#linkdelavaina, #destacados #iteminterno:hover #contenedormarica a#linkdelavaina:hover {

color:#FFF!important;

text-shadow:0 1px 0 rgba(0,0,0,0.6);}

















/* /////BLOQUES DE PRODUCTOS DESTACADOS**********************************************************************/

















/*PEROLITO DE  BUSCAR DEL CENTRO ****************************************************************************************************************************/



 #centro #buscare {

	margin:0 auto;

	width:372px;

	border-bottom:20px solid transparent;

}



 #centro #buscare form {

	padding:0px;}





#centro #buscare form input {



	padding:0 0 0 10px;

	height:38px;

	width:300px;

	font-size:16px;

	background:#f2f2f2;

	border:1px #ccc solid;

	box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);

-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);

-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.2);

color:#999;

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

  float:left;





}



 #centro #buscare form input:hover {

	color:#000;

box-shadow:inset 1px 1px 6px rgba(0,0,0,0.3);

-moz-box-shadow:inset 1px 1px 6px rgba(0,0,0,0.3);

-webkit-box-shadow:inset 1px 1px 6px rgba(0,0,0,0.3);

background:#fff;





}



#centro #buscare form input:focus {

border:solid 1px #333;





}









#centro #buscare  form input#submit-busqueda {

	border:1px transparent solid;

	height:40px;

	width:60px;

	background:  url(https://admin.centecpro.com/SVcommon/images/fondo-lupa-naranja.jpg) no-repeat center center;

		line-height:38px;

	text-decoration: none;

	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);

	cursor: pointer;

font-size:14px;

color:#fff;

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

  border:none;

  float:left;







}







#centro #buscare  form input#submit-busqueda:hover {



background: #000 url(https://admin.centecpro.com/SVcommon/images/lupa.png) no-repeat center center;

color:#fff;





}











/* CIERRA PEROLITO DE  BUSCAR **********************************************************************************************/

















/*ESTILOS DE TEXTO DEL CENTRO******************************************************************************/









 #centro #articulo {

color:#4b4b4b;

margin:0;

text-shadow:0 1px 0 rgba(255,255,255,0.6);







}









#centro #nav {

	text-align:right;

	width:100px;

	float:right;

	margin:0;}



#centro #nav a{

	margin:0 0 0 10px;}



#centro #nav img {filter:alpha(opacity=60);

	-moz-opacity:0.6;

	-khtml-opacity:0.6;

	opacity:0.6;

ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

-webkit-transition:all 0.5s ease-out;

  -moz-transition:all 0.5s ease-out;

  -o-transition:all 0.5s ease-out;}



#centro #nav img:hover {

	box-shadow:1px 1px 4px rgba(0,0,0,0.3);

-moz-box-shadow:1px 1px 4px rgba(0,0,0,0.3);

-webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.3);

filter:alpha(opacity=100);

	-moz-opacity:1;

	-khtml-opacity: 1;

	opacity: 1;

ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

}





#flecha-subir {

float:right;

filter:alpha(opacity=60);

	-moz-opacity:0.6;

	-khtml-opacity:0.6;

	opacity:0.6;

ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

-webkit-transition:all 0.5s ease-out;

  -moz-transition:all 0.5s ease-out;

  -o-transition:all 0.5s ease-out;}





#flecha-subir:hover {filter:alpha(opacity=100);

	-moz-opacity:1;

	-khtml-opacity: 1;

	opacity: 1;

ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}























img#pimagen {

	width:300px;

	margin:0 10px 10px 0;

	-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

border:#ccc solid 1px;

float:left;

position:relative;







}









#centro p, #centroform p {

	font-size: 15px;

	line-height: 19px;

	margin:10px 0 0 0;

	text-align:justify;





}













#centro h1, #centro h2, #centro h3, #centro h4, #centroform h1, #centroform h2, #centroform h3{

color:#d6101a;

font-family:arial black,arial, helvetica;







}







#centro h1, #centroform h1 {

	font-size:28px;

	line-height:28px;

	font-weight:normal;

	padding:0 ;

	margin:0 0 3px 0;

	clear:both!important;

	display:block!important;

	letter-spacing:-2px;







}





















#centro h2, #centroform h2 {

	font-size: 30px;

	line-height:30px;

	font-weight: normal;

	margin: 15px 0 5px 0;





}



#centro h3, #centroform h3 {

	font-size: 20px;

	line-height:20px;

	font-weight: normal;

	margin: 15px 0 5px 0;







}



#centro h4, #centroform h4 {

	font-size: 17px;

	line-height:17px;

	font-weight: normal;

	margin: 15px 0 5px 0;

	text-shadow:none;



}







#centro  ul {

	font-size: 15px;

	padding: 0px;

	display: block;

	margin:15px;



}



#centro li {

	list-style: circle inside;

	margin: 0 0 10px 15px;

	padding: 0px;

}









.clearfix:after {

     visibility: hidden;

     display: block;

     font-size: 0;

     content: " ";

     clear: both;

     height: 0;

     }







#codigohtml{

	margin:10px 0;}

#codigohtml iframe {width: 100% !important;}

















p.breadcrums {

	font-size:12px!important;

	color:#999;

	margin:0 0 5px 0!important;

	padding: 0px!important;

}

p.breadcrums a{



}

p.breadcrums a:hover {

	color:#000;

    text-decoration:underline;

}















.adjuntos h2, .externos h2 {display:none;}









.galeria h2 a:hover {



	text-decoration:underline;

}

.adjuntos h3 a, .externos h3 a, #boton {

	display: block;

	white-space:nowrap;

	padding: 8px 7px;

	cursor: pointer;

	margin:0 0 20px 0;

	font-size:13px;

	font-weight:bold;

	font-family:Tahoma, Geneva, sans-serif;

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

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;





}



.adjuntos h3 a:hover, .externos h3 a:hover,#boton:hover {

	background: #000 url(https://admin.centecpro.com/SVcommon/images/button-overlay.png) repeat-x 0 0;





}

#boton{

	display:inline-block;

	margin:0 10px 0 0;}



.adjuntos h3 , .externos h3  {





}





#botones-acciones-articulo{

	text-align:right;

	margin:10px 0 10px 0;}











































#comentarios{text-align:left;  margin:0 0 10px 0;}











.comentario {

	background:#f4f4f4;



padding:10px;

border:#ccc solid 1px;

box-shadow:0 1px 1px rgba(255,255,255,0.8);

-moz-box-shadow:0 1px 1px rgba(255,255,255,0.8);

-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.8);





}



.comentario h3 {

	font-size:19px!important;

	color:#103384!important;

	border-bottom: 1px solid  #ccc!important;

	padding:0!important;

	margin:0!important;



}

.comentario p {

	padding:12px!important;

	color: #666!important;

	font-size:17px!important;

	font-style:italic;

	font-family:Georgia, "Times New Roman", Times, serif;

}

.comentario p.meta {

	color: #b5b5b5!important;

	font-size:10px!important;

	text-align:right!important;

	padding: 10px 5px 0 0!important;

	font-style:normal!important;

}

.comentario p.meta span.usuario {

	padding:0 10px!important;



}

.comentario p.meta span.fecha {

	padding: 0 0 0 15px;



}

.comentario p.meta a{



}



.comentario p.meta a:hover{



	text-decoration:underline;

}





#comentarios p.para-com {

	color:#b5b5b5;

	font-size:13px;

	margin: 10px 0 20px 13px;

}





#comentarios p.para-com a{



}



#comentarios p.para-com a:hover{



	text-decoration:underline;

}



#comentarios form {

	margin:0;}



#comentarios form label{

		font-size:14px!important;

		display:block!important;

		margin:10px 0 0 0;

}







#comentarios form input,#comentarios form textarea {

	padding:10px;

	background:#eaeaec;

	color:#666;

		border:#d6d6da;



	box-shadow:inset 1px 1px 4px rgba(0,0,0,0.15);

-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.15);

-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.15);

width:100%;





}

#comentarios form textarea {



}



#comentarios form input#enviar-comentario {





}







#comentarios form input#enviar-comentario:hover {



}



#comentarios form input#enviar-comentario {

	width:250px;

	margin:10px auto;

	display:block;



	 padding:10px;

     color: #fff;

     text-decoration: none;

     font-size: 15px;

     text-align: center;

	 cursor:pointer;

     background: #d50078  url(https://admin.centecpro.com/SVcommon/images/button-overlay.png) repeat-x left bottom;

     text-shadow: 0 -1px 1px rgba(0,0,0,0.3);

  box-shadow:1px 1px 3px rgba(0,0,0,0.25);

-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.25);

-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.25);



	 -webkit-transition:all 0.1s ease-out;

  -moz-transition:all 0.1s ease-out;

  -o-transition:all 0.1s ease-out;

    }









#comentarios form input#enviar-comentario:hover {



 background: #103384;

	background: -moz-linear-gradient(top, #103384 0%, #0c245f 100%);

background: -webkit-gradient(linear,left top,left bottom,color-stop(0%, #103384),color-stop(100%, #0c245f));

filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#103384', endColorstr='#0c245f');

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#103384', endColorstr='#0c245f')";

zoom:1;



box-shadow:0 0 5px rgba(255,255,255,0.3);

-moz-box-shadow:0 0 5px rgba(255,255,255,0.3);

-webkit-box-shadow:0 0 5px rgba(255,255,255,0.3);

color:#ffffff;

}











#usehome .adjuntos {}



.adjuntos p {padding:0 0 10px 33px;}





















/* PAGINA DE RESULTADOS DE BUSQUEDA ****************************************************************/







form#ordenar{}

form#ordenar label{}

form#ordenar label span{

	display:block;

	font-size:12px;

	margin:0 0 5px 0;}

form#ordenar select{

		background:#f2f2f2;

	color:#666;

		border:solid 1px #ccc;

	height:28px;

	font-size:12px;

	box-shadow:inset 1px 1px 3px rgba(0,0,0,0.8);

-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.8);

-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.8);

padding:5px;

}



form#ordenar select:hover{}



form#ordenar select option[selected]{

	background:#d50078!important;

	color:#FFF;}







form#ordenar select option:hover{

	background:#d50078!important;

	color:#FFF;}













#resultado {

	overflow:hidden;

	padding:10px;

	margin:10px;

	border:#ccc 1px solid;

	background:#f2f2f2;

	box-shadow:0 1px 1px rgba(255,255,255,0.8);

-moz-box-shadow:0 1px 1px rgba(255,255,255,0.8);

-webkit-box-shadow:0 1px 1px rgba(255,255,255,0.8);

-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

		-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;









}



#resultado:hover {

	background: #FFF;

	border:solid 1px #dddddd;

	box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);

-moz-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);

-webkit-box-shadow:inset 1px 1px 4px rgba(0,0,0,0.3);









}

#resultado img {

	float:left;

	-moz-border-radius:10px 0 0 10px;

-webkit-border-radius:10px 0 0 10px;

-khtml-border-radius:10px 0 0 10px;

border-radius:10px 0 0 10px;

font-size:9px;

text-align:center;





}

#resultado .rtexto {

	float:right;

	padding:0px;

	margin: 0px;

	width:400px;

}



#resultado .rtexto h3 {

	margin: 0px!important;

	padding: 0px!important;

	font-size:19px;

	line-height:19px;

	letter-spacing:normal;

	}



#resultado .rtexto h3 a{



}



#resultado .rtexto h3 a:hover{



}





#resultado .rtexto p {

	font-size:14px;

	line-height:14px;

	color:#555;

	margin: 0px!important;

	padding: 0px!important;

}

#resultado .rtexto p.fecha {

	font-size:12px!important;

	text-align:right;

	color:#818181;

	margin:5px 0 0 0!important;

	display:none;

}





#resultado .rtexto p.breadcrums {

	font-size:12px;

	color:#818181;

	margin:0!important;

	padding:0!important;

}

/* PAGINA DE RESULTADOS DE BUSQUEDA ****************************************************************/







































/*caja de fotos***********/





#caja { width:45%;

float:left;

padding:10px;

border:solid 1px #CCC;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

text-align:center;

margin:0 10px 10px 0;

position:relative;

background:#e6e6e6;  }



@media only screen and (max-width:640px){

	#caja {width: 100%;}

}





#caja #titulo, #caja #precio{

	position:absolute;

height:30px;

display:inline-block;

top:-31px;

line-height:30px;

left:10px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;



padding:0 10px;

font-size:1em;

-moz-border-radius:10px 10px 0 0;

-webkit-border-radius:10px 10px 0 0;

-khtml-border-radius:10px 10px 0 0;

border-radius:10px 10px 0 0; }



#caja #titulo {background: #cccccc; /* Old browsers */

background: -moz-linear-gradient(top,  #cccccc 1%, #919191 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#cccccc), color-stop(100%,#919191)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #cccccc 1%,#919191 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #cccccc 1%,#919191 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #cccccc 1%,#919191 100%); /* IE10+ */

background: linear-gradient(to bottom,  #cccccc 1%,#919191 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#919191',GradientType=0 ); /* IE6-9 */

display:none;

}



#caja a { vertical-align:top;}



#caja.galeriaproducto { padding:10px 0;

width:100%;

background:#eeeeee;

}

#caja.galeriaproducto img {

margin:0 1% 1% 1%;

width:21%;

border:solid 1px #ccc;

-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;}



#caja img.iconito {

	width:30px;

 border:none;

margin:0;

-moz-border-radius:none;

-webkit-border-radius:none;

-khtml-border-radius:none;

border-radius:none;

vertical-align:middle;  }



#caja img.pimagenp{ width:100%;

-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

border:solid 1px #a0a0a0; }



/*cerró caja*/













/*Detalle del producto ***********************/

#botonesproducto { margin:-3px 10px 10px 0; text-align:center;}



#botonesproducto a, #botonesproducto input#botonproducto {

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

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

-webkit-border-radius:0 0 5px 5px;

-khtml-border-radius:0 0 5px 5px;

border-radius:0 0 5px 5px;

padding:0 5px;

height:20px;

line-height:20px;

display:inline-block;

color:#fff;

text-shadow:0 -1px 0 rgba(0,0,0,0.3);

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

border:none;

cursor:pointer;

font-size:11px;

  }



#botonesproducto a#botonproducto.botoncurso{}



#botonesproducto a:hover, #botonesproducto input#botonproducto.agregarpedido:hover, #botonesproducto a#botonproducto.botoncurso:hover{

	background:#000 url(https://admin.centecpro.com/SVcommon/images/button-overlay.png) repeat-x 0 0;

	}





#botonesproducto select {border-radius:5px;

-moz-border-radius:5px;

-webkit-border-radius:5px;

-khtml-border-radius:5px;

background:#333;

color:#CCC;

font-size:0.8em;

padding:2px 5px;

border:#666 solid 1px;

border-top:none;}





#productoresumen{

	margin:10px 0;

	font-family:Georgia, "Times New Roman", Times, serif; font-size:2em; font-style:italic;}









#datos { text-align:center;}

#datos #datoadicional { display:inline-block; background:#cdcdcd; -moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

padding:10px;

color:#333;

font-size:0.9em;

margin:0 10px 10px 0; }



/*Detalle del producto ***********************/









#compartidor {}

#compartidor a{ margin:0 10px 0 0;}











#twitter {

	margin-top: 20px;

}



@media only screen and (max-width:1023px){

	#twitter {display: none;}

}









/*FOOTER*/











#footer {

	background:#333 url('https://admin.centecpro.com/SVcommon/images/fondos/gris-oscuro/14.jpg') repeat 0 0;

width:100%;

padding:0 0 20px 0;

color:#f2f2f2;

text-shadow:0 -1px 0 rgba(0,0,0,0.8);

}



#footer #footercaja {

	width: 98%;

	max-width:1000px;

	margin:0 auto;

	}





#footer #footerleft {

	font-size:13px;

	float:left;

	width:60%;

}

#footer #footerright {

	float: right;

	width: 25%;

}



@media only screen and (max-width:1023px){

	#footer #footerleft,

	#footer #footerright {margin-top: 30px; width: 100%; text-align: center;}



}



#footermenu {

margin-top:0px;

margin-bottom:10px;

text-align:center;

height:40px;

}

#footermenu .menu-responsive {display: none;}



@media only screen and (max-width:870px){

	#footermenu {display: none;}

}



#footer p {



	margin: 0px;



}





#footer p a{

	color: #fff  ;



}



#footer p a:hover{



	text-decoration:underline;

}









#footer ul {

	margin:0;

	padding:0 ;

	background:url('https://admin.centecpro.com/SVcommon/images/fondos/n20.png') repeat 0 0;





}



#footer ul li {

	line-height:40px;

	display:inline;

	padding:0 5px;





}

#footer ul li a {

	line-height:40px;

	font-size:12px;

	text-transform:lowercase;

	display:inline-block;

	padding:0 10px;

	color:#fff;

	-webkit-transition:all 0.3s ease-out;

  -moz-transition:all 0.3s ease-out;

  -o-transition:all 0.3s ease-out;

}



#footer ul li a:hover {

	color:#fff;

	background: #d6101a  url(https://admin.centecpro.com/SVcommon/images/button-overlay.png) repeat-x;

	text-decoration:none!important;

	background-repeat: repeat-x;

	background-position: center center;

	text-shadow:0 -1px 0 rgba(0,0,0,0.8);

box-shadow:1px 1px 3px rgba(0,0,0,0.2);

-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);

-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);



}









































/*REDES SOCIALEs*/



#footerright #redessociales {

	text-align:center;

	-moz-border-radius:10px;

-webkit-border-radius:10px ;

-khtml-border-radius:10px ;

border-radius:10px;

background:url('https://admin.centecpro.com/SVcommon/images/fondos/n20.png') repeat 0 0;



}



#cabezotaderecha #redessociales {

	text-align:right;

	margin:25px 0 0 0;





}









#redessociales img{



	margin:10px;}





#redessociales img:hover{

-webkit-transform: rotate(10deg);

-moz-transform: rotate(10deg) ;

-o-transform: rotate(10deg) ;

-ms-transform: rotate(10deg);

}



















/*codigo abierto en el index*/





#youtube {

	text-align: center;

	margin-top: 20px;

}

#youtube h1 {

	text-align: left;

}

/*codigo abierto en el index*/





























#botonote {

	width:450px;

	height:136px;

	margin:20px auto 0 auto;

	background:url('SVimagenes/botonote.png') no-repeat 0 0;

	display:none;

	}











/*perolito de los  años*/







.anos-container {

	width: 100%;

	font-size: 18px;

	text-transform: capitalize;

	background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top,  #ffffff 0%, #ededed 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(99%,#ededed)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#ededed 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#ededed 99%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#ededed 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

-moz-border-radius:10px;

-webkit-border-radius:10px;

-khtml-border-radius:10px;

border-radius:10px;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-ms-box-sizing: border-box;

padding:5px;





}

.anos-anos {

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #FF0000;

	font-weight: bold;



}

.anos-anosabajo {

	font-size: 10px;

	font-weight: bold;

}

.anos-ciudades {

	font-size: 10px;

	text-align: center;

	font-family: "Arial Narrow";





}