/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body {
font-family : Century Gothic;
margin : 0px;
padding : 0px;
background : #ffffff url(bg_grad.gif) fixed;
border-top : 0px;
}

/******* hyperlink and anchor tag styles *******/
a:link, a:visited {
	color : #21536A;
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

/************** estilos de textos **************/

.style1 {color : #999999; font-family : Century Gothic; font-size : 10px; }/*** marquee horizontal scroller **/
.style1b {color : #999999; font-family : century gothic; font-size : 10px; text-decoration : none; margin-top : -5px; }
.style2 {font-size : 12px; font-weight : bold; } /** titulos "volver a producto" **/
.style3 {font-size : 10px; color : #999999; }
.style4 {color : #ff00ff; font-size : medium; font-weight : bold; } /** telefono contacto barra inferior **/
.style5 {font-size : 11px; } /** textos menu **/
.style6 {font-family : century gothic; font-weight : bold; font-size : 15px; color : #999999; text-decoration : none; } /** titulos scroll **/
.style7 {color : #999999} /** menu barra inferior **/
.style7a {font-size : 11px; color : #333333; text-align : center; }
.style8 {color : #ff00ff} /** PERSONALIZACION CLIENTE EN TEXTOS **/
.style9 {color : #333333; font-family : century gothic; font-size : 10px; } /** botones formularios y texto **/
.style10 {color : #ff00ff; font-family : Arial, Helvetica, sans-serif; font-size : 18px; }
.style11 {color :#999999; } /** barras verticales tagclouds **/
.style12 {color : #21536a; font-size: 240%; } /** "propiedad intelectual" en aviso legal **/

/************** fin estilos ********************/
/************** estilos tag clouds *************/

.tagcloud1 {color : #333333; text-decoration :none; font-size : 9px; }
.tagcloud2 {color : #333333; text-decoration :none; font-size : 9px; font-style : italic; }
.tagcloud3 {color : #333333; text-decoration :none; font-size : 9px; font-weight : bold; }
.tagcloud4 {color : #333333; font-size :9px; font-weight : bold; }
.tagcloud5 {color : #333333; text-decoration : none; font-size : 11px; }
.tagcloud6 {color : #333333; text-decoration : none; font-size : 11px; font-style : italic; }
.tagcloud7 {color : #333333; text-decoration : none; font-size : 11px; font-weight : bold; }
.tagcloud8 {color : #333333; font-size : 11px; font-weight : bold; }
.tagcloud9 {color : #333333; text-decoration : none; font-size : 13px; }
.tagcloud10 {color : #333333; text-decoration : none; font-size : 13px; font-style : italic; }
.tagcloud11 {color : #333333; text-decoration : none; font-size : 13px; font-weight : bold; }
.tagcloud12 {color : #333333; font-size : 13px; font-weight : bold; }
.tagcloud13 {color : #333333; text-decoration : none; font-size : 15px; }
.tagcloud14 {color : #333333; text-decoration : none; font-size : 15px; font-style : italic; }
.tagcloud15 {color : #333333; text-decoration : none; font-size : 15px; font-weight : bold; }
.tagcloud16 {color : #333333; font-size : 15px; font-weight : bold; }
.tagcloud17 {color : #333333; text-decoration : none; font-size : 17px; }
.tagcloud18 {color : #333333; text-decoration : none; font-size : 17px; font-style : italic; }
.tagcloud19 {color : #333333; text-decoration : none; font-size : 17px; font-weight : bold; }
.tagcloud20 {color : #333333; font-size : 17px; font-weight : bold; }
.tagcloud21 {color : #333333; text-decoration : none; font-size : 20px; }
.tagcloud22 {color : #333333; text-decoration : none; font-size : 20px; font-style : italic; }
.tagcloud23 {color : #333333; text-decoration : none; font-size : 20px; font-weight : bold; }
.tagcloud24 {color : #333333; font-size : 20px; font-weight : bold; }

/************** fin tag clouds *****************/

/************** Scroller vertical **************/

#divControl {
left : 750px;
width : 50px;
position : absolute;
top : 245px;
}
#divCont {
left : 375px;
width : 360px;
clip : rect(0px, 360px, 200px, 0px);
position : absolute;
top: 245px;
height: 200px;
}
#divCont1 {
	left : 375px;
	width : 400px;
	position : absolute;
	top : 245px;
}

.divCont1 p {font-size : 11px; font-family : Century Gothic; }

#divCont2 {
	left : 162px;
	width : 610px;
	position : absolute;
	top : 245px;
}
.clScroll {
	font-size : 11px;
	left : 0px;
	color : #000000;
	font-family : Century Gothic;
	position : absolute;
	top : 0px;
	visibility : visible;
	width : 400px;
}
/************** finde scroller Vertical ********/

/************** header tag styles **************/
h1 {
	color : #232323;
	margin : 10px 0px 10px 0px;
	padding : 0px;
	font-family : Century Gothic;
	font-size : 25px;
	font-weight : bold;
}
h2 {
color : #333333;
margin : 0px;
padding : 0px;
font-family : Century Gothic;
font-size : 24px;
}
h3 {
font-size : 100%;
font-weight : bold;
font-family : Century Gothic;
color : #334d55;
margin : 0px;
padding : 0px;
}
h4 {
font-size : 100%;
font-family : Century Gothic;
color : #333333;
margin : 0px;
padding : 0px;
}
h5 {
font-size : 9px;
font-family : Century Gothic;
color : #232323;
margin : 0px;
padding : 0px;
}
h6 {
font-size : 100%;
font-family : Century Gothic;
color : #000000;
display : none;
}
/*************** list tag styles ***************/

ul {
list-style-type : square;
}

ul ul {
list-style-type : disc;
}

ul ul ul {
list-style-type : none;
}

/********* form and related tag styles *********/

form {
margin : 0;
padding : 0;
}
label {
font-size : 1em;
font-weight : bold;
font-family : Arial, sans-serif;
color : #334d55;
}				
input {
font-family : Arial,sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell {
	position : absolute;
	left : 0%;
	right : 10%;
	width : 800px;
	background-color : #ffffff;
}
#pagecell1 {
	position : absolute;
	left : 0%;
	right : 10%;
	width : 800px;
	background-color : #ffffff;
}
#tl {
position : absolute;
top : -1px;
left : -1px;
margin : 0px;
padding : 0px;
z-index : 100;
}
#tr {
position : absolute;
top : -1px;
right : -1px;
margin : 0px;
padding : 0px;
z-index : 100;
}
#masthead {
position : absolute;
top : -6px;
left : 10%;
right : 10%;
width : 85%;
}
#pageNav {
float : left;
width :150px;
padding : 0px;
background-color : #ffffff;
border-right : 0px;
border-bottom : 0px solid #cccccc;
font-size : medium;
font-family : Century Gothic;
}
#content {
	padding : 0px 0px 0px 10px;
	margin : 0px 0px 0px 150px;
	border-left : 0px solid #ccd2d2;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#siteName {
margin : -14px;
padding : 16px 0px 8px 0px;
color : #ffffff;
font-weight : normal;
}

/************** utility styles *****************/

#utility {
font-size : 75%;
font-family : Verdana,sans-serif;
position : absolute;
top : 16px;
right : 0px;
color : #919999;
}
#utility a {
color : #ffffff;
}
#utility a:hover {
text-decoration : underline;
}

/************** pageName styles ****************/

#pageName {
padding : 0px 0px 1px 10px;
margin : 0px;
border-bottom : 1px solid #ccd2d2;
}
#pageName h2 {
font-size : 175%;
font-family : Arial, sans-serif;
font-weight:bold;
color : #000000;
margin :0px;
padding : 0px;
}
#pageName img {
position : absolute;
top : 0px;
right : 0px;
padding : 0px;
margin : 0px;
}

/************* globalNav styles ****************/

#globalNav {
position : absolute;
width : 85%;
height : 34px;
color : #ffccff;
padding : 0px;
margin : 0px;
background-image : url(glbnav_background.gif);
}
#globalNav img {
margin-bottom : -4px;
}
#gnl {
position : absolute;
top : 1px;
left : 0px;
}
#gnr {
position : absolute;
top : -1px;
right :-4px;
width : 4px;
}
#globalLink {
position : absolute;
top : 5px;
height : 35px;
padding : 0px;
margin : 0px;
left : 5px;
z-index : auto;
width : 850px;
}
a.glink, a.glink:visited {
font-size : small;
color : #000000;
font-weight : bold;
margin : 0px;
padding : 2px 5px 4px 5px;
border-right : 1px solid #8fb8bc;
}
a.glink:hover {
background-image : url(glblnav_selected.gif);
text-decoration : none;
}
.skipLinks {display : none;}

/************ subglobalNav styles **************/

.subglobalNav {
position : absolute;
top : 84px;
left : 0px;
height : 20px;
padding : 0px 0px 0px 10px;
color : #21536a;
visibility : hidden;
}
.subglobalNav a:link, .subglobalNav a:visited {
font-size : 71%;
color : #21536a;
}
.subglobalNav a:hover {
color : #666666;
}

/*************** search styles *****************/

#search {
position : absolute;
top : 5px;
right : 7px;
z-index : 101;
overflow : auto;
}
#search input {
font-size : 70%;
margin : 0px  0px 0px 10px;
}
#search a:link, #search a:visited {
font-size : 80%;
font-weight : bold;
}
#search a:hover {
margin : 0px;
}
#rss {
margin : 10px 0px 15px 0px	
}

/************* breadCrumb styles ***************/

#breadCrumb {
padding : 5px 0px 5px 10px;
font-size : medium;
font-family : Century Gothic;
color : #ffffff;
border : 1px;
}
#breadCrumb a{
color : #21536a;
}
#breadCrumb a:hover {
color : #005fa9;
text-decoration : none;
}

/************** feature styles *****************/

.feature {
font-size : 80%;
height : auto;
padding-top : 0px;
padding-right : 0px;
padding-bottom : 0px;
padding-left : 0px;
}
html>body .feature {height : auto; }
.feature h3 {
font-size : 175%;
font-family : Arial,sans-serif;
font-weight : bold;
color : #000000;
padding : 30px 0px 5px 0px;
}
.feature img {
float : left;
padding : 0px 10px 0px 0px;
}

/*************** story styles ******************/

.story {
font-size : 80%;
padding-top : 2px;
padding-right : 0px;
padding-bottom : 0px;
padding-left : 10px;
}
.story h3 {
font-size : 125%;
font-family : Arial,sans-serif;
font-weight : bold;
color : #000000;
}
.story p {
padding : 0px 0px 10px 0px;
}
.story a.capsule {
font-size : 1em;
font-family : Arial,sans-serif;
font-weight : bold;
color : #005fa9;
display : block;
padding-bottom : 5px;
}
.story a.capsule:hover {
text-decoration : underline;
}
td.storyLeft {
padding-right : 12px;
}

/************** siteInfo styles ****************/

#siteInfo {
clear : both;
border-top : 1px solid #cccccc;
font-size : x-small;
color : #cccccc;
padding : 1px 1px 1px 10px;
margin-top : 0px;
}
#siteInfo img {
padding : 4px 4px 4px 0px;
vertical-align : baseline;
}

/************ sectionLinks styles **************/

#sectionLinks {
margin : 0px;
padding : 0px;
}
#sectionLinks h3 {
padding : 10px 0px 2px 10px;
border-bottom : 1px solid #cccccc;
}
#sectionLinks a:link, #sectionLinks a:visited {
display : block;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #cccccc;
background-image : url(_imagen/bg_nav.jpg);
font-weight : normal;
color : #21536a;
padding-top : 2px;
padding-right : 0px;
padding-bottom : 3px;
padding-left : 6px;
}
#sectionLinks a:hover {
border-top : 1px solid #cccccc;
background-color : #ff00ff;
background-image : none;
font-weight : bold;
text-decoration : none;
}
/************ sectionLinks styles class **************/

.sectionLinks {
margin : 0px;
padding : 0px;
text-align : center;
}
.sectionLinks h3 {
padding : 10px 0px 2px 10px;
border-bottom : 1px solid #cccccc;
}
.sectionLinks a:link, .sectionLinks a:visited {
display : block;
border-top : 1px solid #ffffff;
border-bottom : 1px solid #cccccc;
background-image : url(_imagen/bg_nav.jpg);
font-weight : normal;
color : #21536a;
padding-top : 2px;
padding-right : 0px;
padding-bottom : 3px;
padding-left : 6px;
}
.sectionLinks a:hover {
border-top : 1px solid #cccccc;
background-color : #ff00ff;
background-image : none;
font-weight : bold;
text-decoration : none;
}

/************* relatedLinks styles **************/

.relatedLinks {
margin : 0px;
padding : 0px 0px 10px 10px;
border-bottom : 1px solid #cccccc;
}
.relatedLinks h3 {
padding : 10px 0px 2px 0px;
}
.relatedLinks a {
display : block; 
}

/**************** advert styles *****************/

#advert {
padding : 10px;
}
#advert img {
display : block;
}
/********************columnas********************/

ul.col3 {
padding-right : 0px;
padding-left : 0px;
float : left;
padding-bottom : 0px;
margin : 15px 0px;
width : 100%;
padding-top : 0px;
list-style-type : none
}
ul.col3 li {
PADDING-RIGHT: 2px;
DISPLAY: inline;
PADDING-LEFT: 2px;
FLOAT: left;
PADDING-BOTTOM: 2px;
WIDTH: 30%;
PADDING-TOP: 2px
} 

/********************* end **********************/
/****************** texto pie de páginas **********************/
#tickertape {
position : static;
background-color : #ffffff;
width : 800px;
height : 25px;
text-align : center;
}
#subtickertape {
background-color : #ffffff;
position : static;
border : 1px solid #cccccc;
width : 800px;
height : 25px;
padding-top : 3px;
padding-left : 5px;
}
.subtickertapefont {
font-size : 12px;
font-family : Century Gothic;
font-weight : bold;
text-decoration : none;
color : #000000;
}
.subtickertapefont a {
color : #ffffff;
text-decoration : none;
}

/**************** fin texto pie de páginas *************/
/**************** fin texto pie de páginas *************/
#tag {
text-decoration : none;
text-align : center;
}
.tag {
text-decoration : none;
text-align : center;
}
#bottonpie {
text-align : center;
padding-left : 10%;
padding-top : 10%;
}
#pie {
text-align : center;
}

/*************** parte nueva *********************/
#cabecera {
width : 820px;
margin : 0 0 0 10%;
}
#logo {
width : 200px;
text-align : left;
}
#idiom {
width : 150px;
height : 30px;
text-align : right;
margin :0px 0px 0px 20%;
margin : -60px 0px 0px 670px;
}
#menusuerior {
text-align : right;
}
#cuerpo {
width :820px;
margin : 0 0 0 10%;
height : 800px;
}
#cuerpoen {
	width :820px;
	margin : 0 0 0 10%;
	height : 650px;
}
#menuleft {
float : left;
width :150px;
padding : 50px 0px 0px 0px;
background-color : #ffffff;
border-right : 0px;
border-bottom : 0px solid #cccccc;
font-size : medium;
font-family : Century Gothic;
}
#menucenter {
width :500px;
padding : 25px 0px 0px 0px;
border-right : 0px;
border-bottom : 0px solid #cccccc;
font-size : medium;
font-family : Century Gothic;
margin-left : 152px;
}
#menuright {
float :right;
width :160px;
padding : 0px 0px 0px 0px;
border-right : 0px;
border-bottom : 0px solid #cccccc;
font : medium Century Gothic;
}
#piepag {
width : 820px;
margin : 0 0 0 10%;
text-align : center;
}
#piepag2 {
width : 820px;
margin : 2% 0 0 10%;
text-align : center;
}
/*Modify attributes of #contentwrapper below as desired*/
#contentwrapper {
width : 250px;
height : 50px;
border : 1px solid #999999;
background-color : #ffffff;
padding : 5px;
font-family : Century Gothic;
font-size : 12px;
text-align : center;
color : #999999;
}
.billcontent {
width : 100%;
display : block;
}
#scroll {
margin-left : 100px;
}
/**********************************************************/
#banner {
margin : 10px 0px 10px 0px;
}

.flexcroll p {
font-family : Century Gothic;
font-size : 11px;
}

.flexcroll ul {
font-family : Century Gothic;
font-size : 11px;
}

.flexcroll ul li {
font-family : Century Gothic;
font-size : 11px;
}