/* Design by Brian Diaz of Media 65 @ http://www.m65.net  All Rights Reserved */
@import url(layouts.css);
@import url(components.css);
@import url(modules.css);
@import url(navigation.css);
@import url(misc.css);
@import url(forms.css);


/* #######################  GENERAL SETTINGS ############################ */

html.body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-top: 0px;
	background-color: #CCCCFF;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16pt;
	color: #4e1600;
	background-color: #FFFFFF;
	background-image: url(../images/fondorayas.png);
	background-repeat: repeat;
	margin: 0px;
	}
#fraces {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15pt;
	font-style: italic;
	color: #4e1600;
	width:640px;
	font-weight: lighter;
	text-decoration: none;}
#fraces1 {
	margin-top: 10px;
}
#contenido{
	color: #4e1600;
}

/*  Global Formatting */
h1 {
	font-size:18pt;
	font-weight: 600;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #401200;
	font-style: italic;
}
h2 {font-size:14px;line-height: 1em;font-weight: 300;}
h3 {font-size:12px;line-height: 1em;font-weight: 900;}
h4 {font-size:11px;line-height: 1em;font-weight: 900;}
h5 {font-size:10px;line-height: 1em;font-weight: 900;}
h6 {font-size:11px;line-height: 1em;font-weight: 900;}
td{
	font-size: 13pt; font-family:Arial, Helvetica, sans-serif;
}
th{font-size: 12px;}
a:link {
	color: #401200; text-decoration: none;
}
a:hover {color: #401200; text-decoration: none;}
a:visited {color: #401200; text-decoration: none;}
img {border: 0 none;}


/* Clears Divs */
.clr{clear: both;}

/* #######################  END GENERAL SETTINGS ############################ */
#main1 {
	background-image: url(../images/fondotope.png);
	background-repeat: repeat-x;
	height: 100%;
	width: 100%;
	margin: 0px;
}
#maininterior {
	width: 978px;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
#pie {
	float: left;
	width: 978px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0C0401;
}

#tope {
	background-image: url(../images/itope.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 195px;
	float: left;
	width: 978px;
}
#tope:lang(es) {
	background-image: url(../images/itope.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 195px;
	float: left;
	width: 978px;
}
#tope:lang(en) {
	background-image: url(../images/itope-in.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 195px;
	float: left;
	width: 978px;
}
#centro {
	background-image: url(../images/fondo.png);
	background-repeat: repeat-y;
	margin: 0px;
	float: left;
	width: 978px;
	padding: 0px;
	_margin-bottom: -10px;
}
#centroleft {
	float: left;
	width: 677px;
}
#centroright {
	float: left;
	width: 290px;
	_position: fixed;
	_margin-left: -48px;
}
#menubar {
	float: left;
	height: 28px;
	width: 657px;
	background-image: url(../images/fondomenu.png);
	background-repeat: repeat-y;
	font-family: "Lucida Sans", "Trebuchet MS", Verdana;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 7px;
	padding-left: 20px;
}

#idiomas {
	text-align: right;
	vertical-align: middle;
	float: right;
	height: 30px;
	width: 450px;
	padding-right: 35px;
	margin-top:-10px;
	margin-bottom:20px;
	_margin-bottom:5px;
}
#submenutope {
	text-align: right;
	vertical-align: middle;
	float: right;
	height: 30px;
	width: 450px;
	padding-right: 35px;
	font-family: "Lucida Sans", "Trebuchet MS", Verdana;
	font-size: 13px;
	color: #C49A6C;
	clear: both;
	margin-top:-5px;
}
#submenutope a {
	font-family: "Lucida Sans", "Trebuchet MS", Verdana;
	font-size: 11px;
	display:inline;
	color: #c49a6c;
	text-decoration: none;	
}
#submenutope a:hover {
	font-family: "Lucida Sans", "Trebuchet MS", Verdana;
	font-size: 11px;
	display:inline;
	color: #c49a6c;
	text-decoration:underline;	
}
#delivery {
	float: left;
	width: 290px;
	height: 316px;
	margin-bottom: 20px;
	background-image: url(../images/delivery.jpg);
}
#delivery2 {
	float: left;
	width: 290px;
	height: 316px;
	margin-bottom: 20px;
	background-image: url(../images/delivery_ing.jpg);
}

#piemodulos {
	background-image: url(../images/fondopiemodulos.gif);
	background-repeat: no-repeat;
	clear: both;
	height: 7px;
	width: 290px;
}
#centromodulos {
	background-image: url(../images/fondomodulos.gif);
	background-repeat: repeat-y;
	width: 230px;
	padding-right: 30px;
	padding-left: 30px;
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	_margin-top: -15px;
}
#facebook {
	margin-top:15px;
	margin-left:4px;
	margin-bottom:15px;
	border: thin solid #c4a286;
	}
#baner {
margin-left:4px;
	}
#siguenos {
margin-left:20px;
	}
#siguenos2 {
backgroung-image: url(http://ardilladesigns.com/~coffeelo/cms/templates/Coffeelopolis-portada/images/template_09.jpg);
	}
#topemodulos {
	background-image: url(../images/fondotopemodulos.gif);
	background-repeat: no-repeat;
	height: 7px;
	width: 290px;
	clear: both;
}

#articulos {
	float: left;
	width: 647px;
	padding-left: 15px;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px; 
	position: relative;
	ul,li {list-style-type:circle;}
}

#cierre {
	background-image: url(../images/piecontenido.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 16px;
	float: left;
	width: 978px;
	clear: both;
}
#linkportada {
	float: left;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 160px;
	width: 250px;
}

/* SlideShow Portada */


#slideshowboxhome {

	position: absolute !important;;
	z-index: 0;
	width: 670px;
	height: 280px;
	top: 0 !important;;
	left: 7px;
	
}

#slideshowboxhomenav {
	margin: 0px !important;
	background: none !important;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	_right: 48px;
}

#slideshowboxhomenav a 

{
color: #fff;
margin: 0px !important;
padding: 5px 8px !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: #e1cab0 1px solid !important;
display: block; 
background: #190700;
filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
font-size:12px;
}

#slideshowboxhomenav a.activeSlide 

{
background-color: #e1cab0 !important;
}

/*Modulos Rigth*/
.centromodulos_lateral {
	padding-top: 20px;
}
/*Menu Principal*/
* {margin:0px;padding:0px;}
.menucafe ul,li {list-style-type:none;}
.menucafe li{float:left;}
.menucafe a{background:url(http://ardilladesigns.com/~coffeelo/cms/templates/Coffeelopolis-portada/images/design.gif);display:block; height:28px; text-indent:-9000%;}
.menucafe2 a{background:url(http://ardilladesigns.com/~coffeelo/cms/templates/Coffeelopolis-portada/images/design.gif);display:block; height:28px; text-indent:-9000%;}
.menucafe a:lang(es){background:url(http://ardilladesigns.com/~coffeelo/cms/templates/Coffeelopolis-portada/images/design.gif);display:block; height:28px; text-indent:-9000%;}
.menucafe a:lang(en){background:url(http://ardilladesigns.com/~coffeelo/cms/templates/Coffeelopolis-portada/images/design-in.gif);display:block; height:28px; text-indent:-9000%;}

.menu1 a {
	width:121px;
		_height:28px;
}
.menu2 a {
	width:144px;
		_height:28px;
	background-position: -121px 0px;
}
.menu3 a {
	width:105px;
		_height:28px;
	background-position: -267px 0px;
}
.menu4 a {
	width:76px;
		_height:28px;
	background-position: -373px 0px;
}
.menu5 a {
	width:91px;
		_height:28px;
	background-position: -448px 0px;
}
.menu6 a {
	width:119px;
		_height:28px;
	background-position: -540px 0px;
}
.menu1 a:lang(es) {
	width:121px;
		_height:28px;
}
.menu2 a:lang(es) {
	width:144px;
		_height:28px;
	background-position: -121px 0px;
}
.menu3 a:lang(es){
	width:105px;
		_height:28px;
	background-position: -267px 0px;
}
.menu4 a:lang(es) {
	width:76px;
		_height:28px;
	background-position: -373px 0px;
}
.menu5 a:lang(es) {
	width:91px;
		_height:28px;
	background-position: -448px 0px;
}
.menu6 a:lang(es) {
	width:119px;
		_height:28px;
	background-position: -538px 0px;
}
.menu1 a:lang(en) {
	width:121px;
		_height:28px;
}
.menu2 a:lang(en) {
	width:144px;
		_height:28px;
	background-position: -121px 0px;
}
.menu3 a:lang(en){
	width:105px;
		_height:28px;
	background-position: -267px 0px;
}
.menu4 a:lang(en) {
	width:76px;
		_height:28px;
	background-position: -373px 0px;
}
.menu5 a:lang(en) {
	width:91px;
		_height:28px;
	background-position: -448px 0px;
}
.menu6 a:lang(en) {
	width:119px;
		_height:28px;
	background-position: -538px 0px;
}

.menu1 a:hover{
	width:121px;
	_height:28px;
	background-position: 0px -28px;
}
.menu2 a:hover{
	width:144px;
	_height:28px;
	background-position: -121px -28px;
}
.menu3 a:hover{
	width:105px;
	_height:28px;
	background-position: -266px -28px;
}
.menu4 a:hover{
	width:76px;
	_height:28px;
	background-position: -374px -28px;
}
.menu5 a:hover{
	width:91px;
	_height:28px;
	background-position: -448px -28px;
}
.menu6 a:hover{
	width:119px;
	_height:28px;
	background-position: -538px -28px;
}
.menu6 a:hover:lang(en){
	width:119px;
	_height:28px;
	background-position: -538px -29px;
}
/*Clase Activo*/
.menu1 a.active{
	width:121px;
	_height:28px;
	background-position: 0px -28px;
}
.menu2 a.active{
	width:144px;
	_height:28px;
	background-position: -121px -28px;
}
.menu3 a.active{
	width:105px;
	_height:28px;
	background-position: -266px -28px;
}
.menu4 a.active{
	width:76px;
	_height:28px;
	background-position: -374px -28px;
}
.menu5 a.active{
	width:91px;
	_height:28px;
	background-position: -448px -28px;
}
.menu6 a.active{
	width:119px;
	_height:28px;
	background-position: -538px -28px;
}
.menu6 a.active lang(en){
	width:119px;
	_height:28px;
	background-position: -538px -29px;
}