body {
	margin:0;
	padding:0;
	font-size:12px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#fff2d0;

}

#wrap{
	width:100%;
	margin: 0 auto;
	background:none;
}

#empresa{
/*	width: 1340px;*/
	width:100%;
	margin: 0 auto;
	margin-top:0;
	height:930px;
}

#top{
	height:38px;
	margin: 0;
	background-image:url(../img/menufondo.jpg);
	background-repeat:repeat-x;
}
/* BARRA MENU*/
.mattblacktabs{
width: 100%;
overflow: hidden;
margin-left:50px;
/*border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 10px; /*offset of tabs relative to browser left edge*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
/*padding: 7px 8px; /*padding inside each tab*/
/*border-right: 1px solid white; /*right divider between tabs*/
color: white;
/*background: #414141; /*background of tabs (default state)*/
}

.mattblacktabs li a:visit{
color:#FFCC00;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
color: #FFCC00; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

#menu{
	width:1000px;
	margin: 0 auto;
	height:28px;
	padding-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
#menu li{
	list-style-type:none;
	text-decoration:none;
}
#medio{
	background: url(../img/fondofotos.jpg) #ffffff no-repeat center top;
}
#mediowrap{
	background-color:#ffffff;
	padding:15px;
	display:block;
}
#mediointerno{
	width: 980px;
	margin: auto; 
	background: none;
	
}
#mediointerno2{
	/*width: 980px;*/
	/*width:84%;*/
	float:left;
	background:none;
	/*position : relative;*/
}

#logoviva{
	width: 288px;
	height: 115px;
	/*margin: auto;*/
	/*margin-left:177px;*/
}

#primerorden{
	float:left;
	width: 688px;
	padding:0;
	margin:0;
}

#segundoorden{
	float: right;
	width: 250px;
	/*margin-left: 30px*/
}

#banner1{
	float:left;
	width:auto;
	height:auto;
	/*margin-top:16px;*/
	/*margin-left:10px;*/
}

#boletin{
	float: right;
	background-color:#f5e0b3;
}

#boletinabajo{
	float: right;
	width: 240px;
	background-image: url(../img/fondoboletinab.jpg);
	background-repeat: repeat-y;
}

#boletinabajotexto{
	float: left;
	/*width: 235px;*/
	/*margin:auto;*/
	color:#666666;
	/*margin-left:7px;*/
}

#contactos{
	float:left;
	width: 240px;
	/*height:85px;*/
	margin: 0;
	margin-top:-2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 16px;
}

#abajo{
	width: 680px;
	height:200px;
	margin-left:16px;
	background-color:#FFFFFF;
}

#cuadrado{
	width: 670px;
	float:left;
	/*margin:auto;
	margin-left:15px;
	margin-top:16px;*/
	background-color:#FFFFFF;
}

#textofoto{
	width: 670px;
	float:left;
	/*margin:auto;
	margin-left:15px;*/
	background-color:#FFFFFF;
}

#textogral{
	width: 688px;
	float:left;
	background-color:#FFFFFF;
}

.foto{
	margin: 0 auto;
	padding:0px;
	float:left;
}	

.foto a{
	float:left;
	border:3px solid #fff;
	padding:5px;
}

.foto a:hover{
	float:left;
	border:3px solid #a90000;
	padding:5px;
}

.clear {
	clear:both;
	visibility: hidden;
}

#fotter{
	/*width: 1340px;*/
	height: 72px;
	padding-top:15px;
	/*margin-top:200px;*/
	background-image: url(../img/footerimagen.jpg);
	background-repeat:repeat-x;
	color:#FBECC5;
	font-size:11px;
}
#footer_cont{
	width:950px;
	margin:0 auto;
}
#empresaseccion{
	width: 220px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding: 10px;
	background-color: #f1f1f1;
}
#empresaseccion123{
	width: 220px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	padding: 10px;
}
.botoneraroja {
	color: #e17a1e;
	font-family: "Trebuchet MS";
	font-size:16px;	
	text-decoration:none;
	font-weight:normal;
}

.botonerarojaon {
	color: #e17a1e;
	font-family: "Trebuchet MS";
	font-size:16px;	
	text-decoration:none;
	font-weight:bold;
}
.botoneragris {
	color:#999999;
	text-decoration:none;
	font-size:15px;	
	font-weight:normal;
	font-family: "Trebuchet MS";
}
.botoneragrison {
	color:#999999;
	text-decoration:none;
	font-size:15px;	
	font-weight: bold;
	font-family: "Trebuchet MS";
}
.textoblanco{
	color:#FFFFFF;
	font-size: 12px;
}

.textogris{
	color:#838383;
	font-size: 12px;
}

#contenedornotiviva{
	float:left;
	width:100%;
	}
.cajitanotiviva{
	width:130px;
	padding:10px;
	float:left;
	margin-left:15px;
}
.cajitanotiviva img{
	border: solid 2px #FFF000;
}

.cajitanotiviva img:hover{
	border: solid 2px #CC0000;
}

.cajitanotiviva a{
	border: #FFF000 2px;
}
.cajitanotiviva a:hover{
	border: #CC0000 2px;
}
.pienotiviva{
	font-size:12px;
	text-align:center;
	color:#CC0000;
	float:left;
	width:100%;
	font-weight:bold;
	padding-top:10px;
	float:left;
}
.cajalocales{
	float:left;
	width:100%;
}
.cajatextolocales{
	float:left;
	padding:10px;}
.cajitalocales{
	width:130px;
	padding:10px;
	float:left;
	/*margin-left:15px;*/
}
.cajitalocales img{
	border: solid 2px #FFF000;
}

.cajitalocales img:hover{
	border: solid 2px #CC0000;
}

.cajitalocales a{
	border: #FFF000 2px;
}
.cajitalocales a:hover{
	border: #CC0000 2px;
}
.subtitulos{
	color: #CC0000;
	font-size:14px;
	font-weight:bold;
}
#ppy{
	float:right; 
	width:300px;
}
#ppy a{
	color:#FFFFFF;
	border:none;
}
#ppy img{
	border:none;
}
#divproductos{
	width: 688px;
	float:left;
	background-color:#FFFFFF;
}

/******NOVEDADES*******/

#novedades {
	width: 688px;
}

#novedades p {
	line-height: 18px;
}

#novedades h2 {
	color: #cc0000;
}

#novedades a {
	color: #666;
	text-decoration: none;
}

#novedades a:hover {
	color: #cc0000;
	text-decoration: none;
}


div.nota {
	width: 688px;
}

div.nota img {
	float: left;
	padding-right: 10px;
}

div.nota h1 {
	float: left;
	margin: 0px;
}

div.separador {
	width: 688px;
	height: 20px;
	clear: both;
}