/* CSS Document */
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 3rem;
  padding-bottom: 3rem;
  color: #5a5a5a;
		background-color: #fff;
	background-repeat: repeat-y;
	background-position:top center;
	background-image: url(images/alimentos-sin-tacc-bg.jpg);
	background-repeat: no-repeat;
	background-position:top center;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}

#contenedor {
	position:absolute;
	width:99%;
	height:100%;
	z-index:0;
	top: 0px;
	margin: 0px auto auto auto;

}
#cabezal {
	position:relative;
	width:460px;
	height:143px;
	float:right;
	z-index:10;
	top: -3px;
	margin-top: 0px;
	margin-right: -15px;
	margin-bottom: 0px;
	margin-left: 25px;
}
#cabezal ul{
	position:relative;
	width:460px;
	height:100px;
	float:right;
	z-index:10;
	top: -3px;
	margin-top: -15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
}
#cabezal ul li{
	display:block;
	float:left;
}
#cabezal ul li a{
	display:block;
	height:27px;
	padding:78px 13px 0 13px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#83df12;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
}
#cabezal ul li a:hover{
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x #F30;
	color:#ffffff;
}
#cabezal li.home{
	display:block;
	float:left;
	height:27px;
	padding:78px 13px 0 13px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:url(images/nav_bg_hover.gif) 0 0 repeat-x #F63;
	text-decoration:none;
	text-transform:uppercase;
}
#logo {
	position:absolute;
	width:220px;
	height:24px;
	z-index:2;
	left: 15px;
	top: -13px;
}

#animacion {
	position:relative;
	width:1000px;
	height:250px;
	z-index:3;
	margin-top: 12px;
}
#centro {
	position: relative;
	width:1000px;
	z-index:4;
	margin: auto 0px;
	margin-top: 13px;
	background:url(images/whitebg.png);
}
#centro2 {
	position: relative;
	width:1000px;
	height: 100%;
	z-index:4;
	margin: auto 0px;
	padding-top: 0px;
}
#centro3 {
	position: relative;
	width:1000px;
	z-index:4;
	margin: auto 0px;
	margin-top: 13px;
	padding-top: 12px;
	background-image: url(images/whitebg.png);
}
#header{
	position:relative;
	width:1000px;
	height:140px;
	z-index:5;
	margin: auto 0px;
	top: 13px;
	background-image: url(images/whitebg.png);
}
img.logo{
	position:absolute;
	width:240px;
	height:89px;
	left: 40px;
	top: 33px;
}
#logo.txt
{
	position:absolute;
	width:200x;
	left: 41px;
	margin: auto 0px;
	background-image: url(images/whitebg.png);
	}
	
#bottom {
	position:relative;
	width:100%;
	height:40;
	z-index:0;
	left: 0px;
	top: 1139px;
	/*background-image: url(images/bottom.jpg);*/
	background-repeat:repeat;
	background-position:center;
}
#buscador {
	position:absolute;
	width:257px;
	height:29px;
	z-index:11;
	left: 722px;
	top: 105px;
}
#etiqueta {	position:absolute;
	width:60px;
	height:134px;
	z-index:25;
	left: 20px;
	top: 60px;
}
#footer {
	position:relative;
	width:100%;
	height:360;
	z-index:1;
	clear:both;
	background-image: url(images/bottom.png);
	background-repeat: no-repeat;
	background-position: center top;
}
#footer .datos{
margin-left: 200px;
padding-top: 20px;
font-family: 'Oxygen', sans-serif;
		font-size:13px;
		line-height: 19px;
		letter-spacing: 0.01em;
}
#footer .datos a{
color:#d5dfdd;
text-decoration:none;

}
div.clear  { clear: both; }
.shadetabs{
padding: 7px 5px;
margin-left: 0px;
margin-top: 3px;
margin-bottom: 0;
font-family: 'Spinnaker', sans-serif;
list-style-type: none;
font-style:bold;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 1px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 6px 10px;
margin-right: 0px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
text-decoration: none;
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #4d6b4b;
}

.shadetabs li a.selected{ /*selected main tab style */
text-decoration: none;
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
/*background-image: url(images/shadeactive.gif);*/
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 3px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
/*background: black url(indentbg.gif) center center repeat-x;*/
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid navy; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
/*background: black url(indentbg2.gif) center center repeat-x;*/
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}
.volanta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	padding-top: 20px;
	padding-left: 45px;

}
.textos14 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	text-align: left;

}
.textos14 a:link {
text-decoration:none;
color:#ffffff;
}
.textos14 a:hover {
	text-decoration:none;
	color:#00cc33;
}

.textos14 a:visited {
color:#ffffff;
	text-decoration:none;
}

.textos12 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	font-size:12px;
	margin-top:2px;
}
.textos12h {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	font-size:12px;
	color:#666666;
	margin-top:2px;
}
.textos11 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-size:11px;
	text-align: center;

}
.textos11 a:link{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-size:11px;
	color:#1787c6;
	text-decoration: none;
}
.textos11 a:visited{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-size:11px;
color:#1787c6;
}
.textos11 a:hover{
	font-family: Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-size:11px;
color:#F30;
}
.textos10 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 10px;
	}
	
	.textos10 a:link {
text-decoration:none;
color:#1787c6;
}
.textos10 a:hover {
	text-decoration:none;
	color:#0077CC;
}

.textos10 a:visited {
color:#1787c6;
	text-decoration:none;
}
	
.textos10 .rayatablas{
border-bottom: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size:10px;
	padding-top: 4px;
}
.textos10-2 .rayatablas{
border-bottom: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size:11px;
	padding-top: 4px;
}
.textos10 .rayatablas2{
border-bottom: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size:10px;
	padding-top: 4px;
		color:#1787c6;
}
.textos10-2 .rayatablas2{
border-bottom: 1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size:11px;
	padding-top: 4px;
		color:#1787c6;
}
.desc10 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
	font-size:10px;
		padding-top: 4px;
}
.desc14 {
/*font-family: 'Cantarell', sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 25px;
	padding-top: 4px;
	font-size:14px;
}
h1 {
	font-family: 'Oxygen', sans-serif;
	line-height: 21px;
	font-size:16px;
	color:#666;
	text-align: center;
}
h3 {
	font-family: 'Oxygen', sans-serif;
	line-height: 26px;
	font-size:20px;
	color:#063;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #093;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
		line-height: 16px;
		font-weight:normal;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
		line-height: 17px;
		font-weight:normal;
}
.desc14 a{
/*font-family: 'Cantarell', sans-serif;*/
		font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 25px;
	padding-top: 4px;
	font-size:14px;
	text-decoration:none;
	color:#184878;
}

.desc10 {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size:12px;
	font-weight: normal;
}
.desc10 a {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	font-size:12px;
	text-decoration:none;
	color: #CC6600
}
.desc10 a:hover {
	color:#660099;
}
.descripcion {
	font-family: 'Cantarell', sans-serif;
	line-height: 16px;
	font-size:14px;
}

.barrio {
	font-family: Arial, Helvetica, sans-serif;/*	font-family: 'Cantarell', sans-serif;
	*/line-height: 20px;
	font-size:16px;
	color:#666666;
}
.bajadas {
/*font-family: 'Spinnaker', sans-serif;
*/font-family: 'Cantarell', sans-serif;
	line-height: 16px;
	font-size:14px;
	color:#666666;

}
.nombre {
	font-family: Arial, Helvetica, sans-serif;	
	line-height: 14px;
	font-size:18px;
	color:#666666;
}
.copeteficha {
/*font-family: Arial, Helvetica, sans-serif;*/
font-family: 'Cantarell', sans-serif;
	line-height: 20px;
	font-size:22px;
color:#1787c6;
		letter-spacing:-0.05em;

}
.footerdir {
/*font-family: Arial, Helvetica, sans-serif;*/
font-family: 'Cantarell', sans-serif;
	line-height: 20px;
	font-size:13px;
color:#1787c6;
		letter-spacing:-0.04em;

}
.copete {
	font-family: Arial, Helvetica, sans-serif;
	font-family: 'Spinnaker', sans-serif;
*/
	line-height: 14px;
	font-size:22px;
	color:#111111;
	font-weight:700;
	letter-spacing: -0.04em;
}
.nombre a:link {
text-decoration:none;
color:#3399FF;
}
.nombre a:visited {
text-decoration:none;
color:#3399FF;}
.nombre a:hover {
text-decoration:none;
color:#1155dd;}

.puntitos {
	border: 1px dotted #CCCCCC;
}
.copete1 {
	font-family: 'Oxygen', sans-serif;
	line-height: 14px;
	font-size:22px;
	color:#111111;
	letter-spacing:0.0em;
}
.textosinternos {
	font-family: 'Cantarell', sans-serif;
	font-size:14px;
	color:#111111;
}
.desc2{
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 14px;
	color: #666666;
	margin-top: 2px;
	font-weight: bold;
	letter-spacing:0.04em;
	text-decoration: none;
}
.desc2 a:link {text-decoration: none; 	color: #666666;}
.desc2 a:visited {text-decoration: none; color: #666666;}
.desc2 a:hover {text-decoration: none; color: #F30;}

.desc3{font-family: 'Oxygen', Arial, Helvetica, sans-serif; line-height: 22px; font-size: 20px; color: #888876;   letter-spacing:0.02em; }
.desc3rayatablas{ border-bottom: 1px solid #cccccc; margin-top: 2px; margin-bottom:3px; }
.modelo {

	font-family: Arial, Helvetica, sans-serif;	
	line-height: 14px;
	font-size:18px;
	color:#0099FF;
	font-weight:400;
}
.desc2rayatablas{border-bottom: 1px solid #cccccc; margin-top: 2px; margin-bottom:3px; }
#contenedor div table tr .textos14 {
	text-align: left;
}
.bottomtablas {
	border-bottom: 0px solid #cccccc;
	margin-top: 2px;
	margin-bottom:3px;


}
.rotator {
	position: absolute;
	overflow: hidden;
	height: 140px;
	width: 150px;
	float:right;
	z-index: 6;
	margin-left: 60px;
}

.rotator img {
    
}
.txtinicio {
	position: relative;
	height: 210px;
	width: 580px;
	margin: 15px 5px 5px 15px;
}
#contenedor div table tr td table {
	text-align: left;
}
div table tr td table tr .textos11 {
	text-align: left;
}