/* CSS Document */
a{
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;	
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #000 url(images/bg-body.png) left top repeat-x;
	color: #CCC;
	font-size: 11px;
	line-height: 1.5em;
}

#contenido {
	float: right;
	display: inline;
	margin: 0 0 0 10px;
}
div#portaweb{
	width: 760px;
	margin: 0 auto;
}
/** cabecera **/
div#cabecera{
	border: #222 3px solid;
	border-top: none;
	margin-bottom: 35px;
	background: #000 url(images/slogan-cabecera.png) right top no-repeat;
}
div#cabecera h1{
	margin-bottom:14px;
	padding-top:6px;
}
div#cabecera h1 a{
	background: transparent url(images/logo-cabecera.jpg) center center no-repeat;
	display: block;
	width: 254px;
	height: 129px;
	position: relative;
	left: 15px;
}
div#cabecera h1 a span{
	display: none;
}
ul#banderas li{
	display: inline;
}
ul#banderas{
	background-color: #222;
	height: 23px;
	width: 75px;
	float: right;
	position: relative;
	top: -45px;
}
ul#banderas img{
	margin-top: 5px;
	margin: 5px 7px 0 0;
}
/** cabecera **/

/** navegacion **/
ul#navprin{
	padding: 0 0 40px 0;
}
ul#navprin li{
	display: inline;
	background: transparent url(images/bg-span-nav.png) left center no-repeat;
	padding: 12px 3px 11px 17px;	
}
ul#navprin li a{
	color: #FFF;
	padding: 10px 15px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	background: transparent url(images/bg-a-nav.png) left center no-repeat;
	background-color:#222;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}
ul#navprin li a:hover, ul#navprin li a.activo{
	color: #00ADFF;
	background: transparent url(images/bg-a-nav-hover.png) left center no-repeat;
	background-color:#222;
}
ul#navprin li:hover, ul#navprin li.activo {
	background: transparent url(images/bg-span-nav-hover.png) left center no-repeat;
}
/** navegacion **/

/** inicio **/
h2{
	background: transparent url(images/bg-h2.png) left bottom no-repeat;
	text-align: left;
	font-size: 13px;
	padding: 14px 0 7px 40px;
}
h2 > span{
	color:#00ADFF;
}

div#noticiasintro, div#contenido-empresa{
	background: #222 url(images/bg-div.png) right bottom no-repeat;
	margin-top: 14px;
	padding: 12px;
	text-align: left;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}
div#contenido-empresa p{
	padding: 5px 0;
}
div#noticiasintro p[class="imgnot1"]{
	float: left;
	margin: 0 10px 10px 0;
}
div#noticiasintro p[class="notend"], div#contenido-noticias p[class="notend"]{
	clear:both;
	text-align: right;
}
div#noticiasintro h3{
	clear: both;
	margin-bottom: 5px;
}
div.boxintro{
	margin-bottom: 25px;
}
div#destacado{
	float: left;
}
div#banners{
	float: right;
	width: 370px;
	padding-top: 50px;
}
div#banners img{
	padding: 0 10px 10px 0;
}
div#oferta-mes{
	width:268px;
	background: #222 url(images/bg-div.png) right bottom no-repeat;
	margin: 14px 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
}
/** inicio **/


/*** foot ***/
div#copyright{
	background: transparent url(images/bg-copyright.png) left bottom repeat-x;
	height: 156px;
}
div#content-copy{
	width: 760px;
	margin: 0 auto;
	height: 136px;
	background: transparent url(images/bg-content-copy.png) right bottom no-repeat;
	padding-top: 20px;
}
p[class="dir"]{
	padding-bottom: 10px;
}
ul#navfoot li{
	display: inline;
}

/*** foot ***/

/***** productos ****/
body.productos div#contenido, body.producto div#contenido, body.novedades div#contenido, body.noticias div#contenido{
	width: 524px;
	float: left;
}
body.productos div#contenido-productos, body.producto div#contenido-productos, body.novedades div#contenido-productos, body.noticias div#contenido-noticias{
	background-color: #222;
	margin: 25px 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;	
}
body.producto div#contenido-productos, body.productos div#contenido-productos, body.novedades div#contenido-productos, body.noticias div#contenido-noticias{
	padding: 10px;
}
body.productos div#contenido-productos, body.producto div#contenido-productos, body.novedades div#contenido-productos, body.noticias div#contenido-noticias{
	text-align: left;
}
div#contenido-productos h3{
	padding: 10px 0;
}

.prodbox div.marco {
background-color:#FFFFFF !important;
border:1px solid #6A6A6A;
height:130px;
margin:5px;
width:146px;
}
.prodbox div.marco img {
display:none;
}

.prodbox{
background-color: #333;
border: #6A6A6A 1px solid;
cursor:pointer;
display:inline;
float:left;
margin:5px 0pt 5px 5px;
min-height:180px;
overflow:hidden;
text-align:center;
width:158px;
}
body.productos div#lateral, body.producto div#lateral, body.novedades div#lateral, body.noticias div#lateral{
	float: left;
	width: 220px;
}
body.productos div.lateralbox, body.producto div.lateralbox, body.novedades div.lateralbox, body.noticias div.lateralbox{
	margin: 25px 0;
	text-align: left;
	padding: 5px;
	background: #222 url(images/bg-div.png) right bottom no-repeat;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;		
}
body.productos div.lateralbox ul li, body.producto div.lateralbox ul li, body.novedades div.lateralbox ul li, body.noticias div.lateralbox ul li{
	padding: 3px 0 3px 15px;
}
body.productos div.lateralbox ul li a, body.producto div.lateralbox ul li a, body.novedades div.lateralbox ul li a, body.noticias div.lateralbox ul li a{
	text-decoration: none;
}
body.productos div.lateralbox ul li a.activo, body.producto div.lateralbox ul li a.activo, body.novedades div.lateralbox ul li a.activo, body.noticias div.lateralbox ul li a.activo{
	color: #00ADFF;
	text-decoration: underline;
}
body.producto div#contenido-productos a.download-attach{
	background: transparent url(images/descargar-documento.png) left center no-repeat;
	padding: 5px 0 5px 20px;
	clear: both;
	display: block;
	margin-top: 5px;
}
/** navegacion **/
div.navrec{
	clear: both;
	padding-bottom: 15px;
}
div.nav {
/*	border-top: 1px dotted #7d9294;*/
	margin: 10px 0 0;
	display: block;
}

div.nav ul {
	margin: 5px 0 0;
	font-size: .97em;
	padding: 5px;
}

div.nav li {
	padding: 3px 5px!important;
	font-size: .97em!important;
	background-image: none!important;
	float: left;
	display: inline;
	background-color: #333!important;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 0 5px 0;
	font-weight: bold;
}

div.nav li.NAV_selected {
	background-color: #676767!important;
	padding: 6px 10px!important;
	display: block;
	font-weight: normal;
}
div.nav li a {
	display: block;
	padding: 3px 5px!important;
	color: #FFF;
}
/** navegacion **/
p.titulo-prod{
	font-size: 150%;
	font-weight: bold;
	padding: 10px;
}
p.backbt{
	padding: 10px 0;
	clear: both;
}
body.producto p.imgnot2, body.noticias p.imgnot2{
	float: left;
	margin: 0 10px 10px 0;
}
.highslide-wrapper{
	background-color: #FFF;
}	
/***** productos ****/

/*** noticias ****/

.noticia{
background-color: #333;
border: #6A6A6A 1px solid;
margin-bottom: 15px;
padding: 10px;
}
div.noticia p.imgnot1 {
	float: left;
	margin: 0 10px 10px 0;
}

/*** noticias ***/

/*** empresa ***/
body.empresa div#contenido-empresa img {
	padding: 20px;
	margin: 20px 0;
}

/*** empresa ***/

/*** contacto ***/
body.contactar div#formContacto{
	width: 400px;
	float: left;
	background-color: #222;
	margin: 15px 0 25px 0;
	padding: 10px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;	
	
}
body.contactar div#formContacto img{
	padding: 5px;
}
body.contactar div#formContacto input#KT_Custom1{
	width: 75px;
	cursor: pointer;
	margin: 15px 0;
	background-color: #00ADFF;
	border: #A8E2FF 2px solid;
	border-bottom: #006595 2px solid;
	border-right: #006595 2px solid;
	color: #FFF;
}
body.contactar div#donde-estamos{
	width: 350px;
	float: right;
}
body.contactar div#formContacto, body.contactar div#donde-estamos{
	text-align: left;
	width: 350px;
}
body.contactar label{
	display: block;
	margin-top: 8px;
}
body.contactar input, body.contactar textarea{
	padding: 5px;
	background-color: #A8E2FF;
	border: #00ADFF 2px solid;
	width: 280px;
	color: #333;
	font-weight: bold;
}

body.contactar p.ok{
	color: #009933;
	font-weight: bold;
	padding: 10px;
	border: #108000 2px solid;
	background-color: #CEFFCC;
	margin: 0 0 15px 0;
}
div#donde-estamos h2[class="inverted"]{
	position:absolute;
	top:39px;
	left:428px;
}

/*vcard */
p.url{
	visibility: hidden;
}
/*** contacto ***/

/* @group Hacks */

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clearfix {
	display: inline-block;
}

.clearfix {
	display: block;
}