@charset "UTF-8";
/* CSS Document */
/*Copyright 2010*/

/* IE6 css fixer v0.8: Thu, 19 Aug 2010 00:45:09 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#header,
#logo,
#usertools,
#usertools ul li,
#navbar,
#navbar ul li,
#stage,
#maincontent,
#content,
#secondary,
#left,
.picleft,
#center,
#right,
#notes,
#facebook,
#rss,
#twitter,
#colaboran,
#logos,
#footer {display:inline;}
#storeright,
#gallery,
#storetitle,



/* ============================================= */
/* potentially harmful settings                  */

/*Reset css*/
html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
}
a img, :link img, :visited img {border: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

/* remember to define focus styles! */
:focus {outline: 0;}

/* Remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/*General css*/

body { background-position:top; background-repeat:no-repeat; background-color:#ffffff; }
.clear { clear:both; margin:0; padding:0;}
#all { width:1007px; height:auto; margin:0 auto;}
#header { width:1007px; height:132px; float:left; padding:10px 0 0 0;}
#logo { width:285px; height:132px; float:left;}
#usertools { width:400px; height:75px; float:right; color:#1f8eb5; font-size:14px; text-align:right; padding:85px 0 0 100px;} 
#usertools A { color:#1f8eb5; text-decoration:none;}
#usertools A:hover { color:#1f8eb5; text-decoration:underline;}
#usertools ul { margin:0; padding:0;}
#usertools ul li { padding:0 15px 0 15px; margin:0; border-right:1px solid #1f8eb5; float:left;}

#navbar { width:1005px; height:auto; float:left;   padding:0 0 10px 0;}
#navbar ul { margin: 0 ; padding: 0 ; list-style: none; float:left; background-image: url(images/nav_bg.jpg); background-repeat:repeat-x;
border-radius:15px; /* CSS3 */
-ms-border-radius: 6px; /* para IE 8 */
-moz-border-radius:15px; /* Firefox */
-webkit-border-radius:15px; /* Webkit, Safari y chrome */
-khtml-border-radius:15px; /* Navegadores de linux */
behavior:url(border-radius.htc);/* Todos los navegadores, sobre todo resto de IE */
border: #ffffff solid 1px;
clear: both;  }
#navbar ul li { margin: 0; padding: 7px 10px 5px 10px; list-style: none; display: block; float: left; position: relative; border-right:1px solid #ffffff ; width:146px; }
#navbar ul li a { display: block; color: #ffffff; text-decoration: none; text-align:center; padding: 0;   font: 14px/20px  Arial, Helvetica, sans-serif; height:40px;}
#navbar ul li a:hover, #navbar ul li:hover { background: 0; }
#navbar ul li ul { padding: 0 ; margin: 0; list-style: none; display: none; font-size: 0; z-index: 99999; position: absolute; right: 0; overflow: visible;  }
#navbar ul li ul li { float: none; margin: 0; padding: 0; background: #1f8eb5; color: #e2f0f5; text-align: center; border:1px solid #ffffff; width: 165px;}
#navbar ul li ul li a { display: block; padding: 10px 10px 0 10px; text-decoration: none; color: #e2f0f5;  font: normal 14px/20px  Arial, Helvetica, sans-serif;}
#navbar ul li ul li a:hover, #navbar ul li ul li:hover { background: #e2f0f5; color: #1f8eb5; }
#navbar ul li:hover ul, #navbar ul li a:hover ul { display: block; }
#navbar ul li ul { top: auto; left: auto;  }

#stage { width:1000px; height:220px; float:left; padding:0 0 10px 3px; }

#maincontent { background-image:url(images/bg_middle.jpg); background-repeat:repeat; width:1002px; float:left; padding:10px 0 10px 0; font: Arial, Helvetica, sans-serif;}

#left { width:600px; font-size:14px; text-align:left; color:#333; padding:10px 30px 0 20px; float:left; text-align:justify; }
#left A { color:#4fafd0; text-decoration:underline;}
#left A:hover { color:#4fafd0; text-decoration:none;}
.colortxt { color:#4fafd0;}
#left h1 { margin:10px 0 10px 0; color:#4fafd0; font-size:18px; text-align:left; font-weight:normal; }
.more { width:100%; margin:10px 0 30px 0; text-align:right;}
.picleft { float:left; margin:0 10px 0px 0;}



#notes { width:300px; height:230px; float:left; margin:0 ; padding:0;}

#right { width:300px; font-size:14px; text-align:left; color:#333; padding:10px; float:left; text-align:justify; }
#right A { color:#4fafd0; text-decoration:underline;}
#rightr A:hover { color:#4fafd0; text-decoration:none;}
.colortxt { color:#4fafd0;}
#right h1 { margin:10px 0 10px 0; color:#4fafd0; font-size:18px; text-align:left; font-weight:normal; }
.more { width:100%; margin:10px 0 30px 0; text-align:right;}
.picleft { float:left; margin:0 10px 0px 0;}

#atencion {width:300px; margin:35px 0 8px 20px; float:left; font-size:12px; text-align:center; color:#333; }
#atencion A {  color:#333333; text-decoration:none; font-size:13px}
#atencion A:hover { color:#333333; text-decoration:underline;}
#atencion  { color:#4fafd0; font-size:14px; font-weight:normal; }

#radio { width:95%; margin:35px 0 8px 20px; float:left; font-size:12px; text-align:left; color:#333; }
#radio A {  color:#333333; text-decoration:none; font-size:13px}
#radio A:hover { color:#333333; text-decoration:underline;}
#radio  { color:#4fafd0; font-size:14px; text-align:left; font-weight:normal; }

#rss { width:95%; margin:35px 0 8px 20px; float:left; font-size:14px; text-align:left; color:#4fafd0; }
#rss A {  color:#4fafd0; text-decoration:none;}
#rss A:hover { color:#4fafd0; text-decoration:underline;}
#facebook { width:95%; margin:30px 0 10px 20px; float:left; font-size:14px; text-align:left; color:#4fafd0;}
#facebook A { color:#4fafd0; text-decoration:none;}
#facebook A:hover { color:#4fafd0; text-decoration:underline;}
#twitter { width:95%; margin:30px 0 10px 20px; float:left; font-size:14px; text-align:left; color:#4fafd0;}
#facebookfeed { width:75%; margin:0 0 0 60px; float:left; font-size:14px; text-align:left; color:#4fafd0;}

#colaboran { width:950px; font-size:14px; text-align:left; color:#333; padding:10px 10px 0 10px; float:left; text-align:justify; }
#colaboran A { color:#4fafd0; text-decoration:none;}
#colaboran A:hover { color:#4fafd0; text-decoration:none;}
.colortxt { color:#4fafd0;}
#colaboran h1 { margin:20px 0 10px 0; color:#4fafd0; font-size:18px; text-align:left; font-weight:normal; }
.more { width:100%; margin:10px 0 30px 0; text-align:right;}


#footer { width:1002px; float:left; font-size:14px; text-align:center; background-image:url(images/bg_footer.png); background-position:top; background-repeat:no-repeat; height:80px; padding:50px 0 0 0; color:#1f8eb5;}
#footer A { color:#4fafd0; text-decoration:underline;}
#footer A:hover { color:#4fafd0; text-decoration:none;}
.colortxt { color:#4fafd0;}

/*Inner*/
#pagetitle {width:705px;  color:#4fafd0; padding:10px 0 0 0px; float:left; }
#pagetitle h1 { margin:20px 0 10px 220px; font-size:18px; color:#4fafd0; font-size:18px; text-align:left; font-weight:normal; }
#secondary { width:170px; font-size:14px; text-align:left; color:#4fafd0; padding:75px 10px 0 50px; float:left; }
#secondary A { color:#4fafd0; text-decoration:none;}
#secondary A:hover { color:#4fafd0; text-decoration:underline;}
.colortxt { color:#4fafd0;}
#secondary li { margin:20px 0 10px 0; color:#4fafd0; font-size:14px; text-align:left; font-weight:normal; }
.more { width:100%; margin:10px 0 30px 0; text-align:right;}
.picleft { float:left; margin:0 10px 0px 0;}
#content { width:705px; font-size:14px; text-align:justify; color:#333; padding:10px 10px 30px 10px; float:left; }
#content A { color:#4fafd0; text-decoration:none;}
#content A:hover { color:#4fafd0; text-decoration:none;}
.colortxt { color:#4fafd0;}
#content h1 { margin:20px 0 10px 0; color:#4fafd0; font-size:18px; text-align:left; font-weight:normal; }
.more { width:100%; margin:10px 0 30px 0; text-align:right;}
.picleft { float:left; margin:0 10px 0px 0;}
#feed {height: 500px}

#storetitle {width:1000px;  color:#4fafd0; padding:10px 0 0 0px; float:left; }
#storetitle h1 { margin:20px 0 10px 40px; font-size:18px; color:#4fafd0; font-size:18px; text-align:center; font-weight:normal; }
#gallery { margin:10px 10px 10px 40px; float:left; }

#storeright {width:350px;  margin:10px 10px 10px 10px; float:left; font-size:14px; text-align:justify; color:#333}
#storeright A { color:#4fafd0; text-decoration:none;}
#store A:hover { color:#4fafd0; text-decoration:none;}
.colortxt { color:#4fafd0;}
#store h1 { margin:20px 0 10px 0; color:#4fafd0; font-size:18px; text-align:left; font-weight:normal; }

#storebottom {width:910px;  margin:10px 10px 10px 40px; float:left; font-size:10px; text-align:justify; color:#333}
#storebottom A { color:#4fafd0; text-decoration:none;}
#store A:hover { color:#4fafd0; text-decoration:none;}
.colortxt { color:#4fafd0;}
#store h1 { margin:20px 0 10px 0; color:#4fafd0; font-size:18px; text-align:left; font-weight:normal; }
