/********************************************
   HTML GENERAL ELEMENTS
********************************************/
body { background-color:#4CB6E0; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

img { border:0px; vertical-align:middle; }

a {text-decoration:none; color:#666666; cursor:pointer;}
a:hover {text-decoration:none; color:#0096D2;}


/********************************************
   LAYOUT - CONTENT
********************************************/

/* Banner */
.btnBannerEdit {font-family:Tahoma; font-size:0.9em; font-weight:bold; position:absolute; top:-35px; left:200px;}

/* Content */
.Content {}
.Content-Container {}
.Content-Container-Edit { border:1px dashed #000000; padding:5px;}

.Content-Edit-Button {font-family:Tahoma; font-size:0.9em; font-weight:bold; margin-bottom:3px; text-align:left;}
.btnBannerEdit, .Content-Edit-Button span, .Content-Edit-Button a, .Content-Edit-Button-productlist span, .Content-Edit-Button-productlist a { cursor:pointer; text-decoration:none; color:#221E1F;}
.btnBannerEdit:hover, .Content-Edit-Button span:hover, .Content-Edit-Button a:hover, .Content-Edit-Button-productlist span:hover, .Content-Edit-Button-productlist a:hover { color:#0096D2;}

.Content-Title {font-family:Arial, Trebuchet MS; font-weight:bold; font-size:1.0em; text-transform:uppercase;}
.Content-Body {}

.News-Title { color:#0096D2; }

/* Products List */
.Product-Toggle, .Product-Toggle-Active { height:29px; background:#0096D2; color:#FFFFFF; font-family:Tahoma, Trebuchet MS; font-size:1.0em; text-transform:uppercase; vertical-align:middle; margin:0px 0px 4px 0px; cursor:pointer; padding-top:6px; }
.Product-Content { overflow: hidden; padding:5px; margin-bottom:3px; color:#000000; font-family:Tahoma, Trebuchet MS; font-size:1.0em; text-transform:uppercase; /*cursor:pointer;*/}

.Product-Container-Edit { border:1px dashed #000000; padding:5px; margin-top:5px;}
.Product-Edit-Button {font-family:Tahoma; font-size:0.8em; font-weight:bold; margin-bottom:3px; text-align:left;}
.Product-Edit-Button span, .Product-Edit-Button a { cursor:pointer; text-decoration:none; color:#221E1F;}
.Product-Edit-Button span:hover, .Product-Edit-Button a:hover { color:#0096D2;}

/* News List */
.NewsList {font-family:Tahoma; font-size:0.7em; }
.NewsList a, .NewsList-Edit span {text-decoration:none; color:#666666; cursor:pointer;}
.NewsList a:hover, .NewsList-Edit span:hover {text-decoration:none; color:#0096D2;}
.NewsList-Edit { margin-bottom:5px;}
.NewsList-Img { text-align:left; border:0px; float:left; padding-right:5px; padding-bottom:5px;}
.NewsList-Title { font-size:1.4em; font-weight:bold; margin-bottom:5px; color:#0096D2;}


/* Login */
.Login { background-image:url(../images/login.jpg); background-repeat:no-repeat; background-position:top right; }
.Login-Label { color:#444444; font-family:Tahoma; font-size:0.9em;}
.Login-Textbox {margin:0px 0px 4px 0px;	padding: 5px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font-family:Tahoma; font-size:1.0em; width:150px;}
.Login-Button {font: bold 0.9em Arial, Sans-serif; margin: 0px;	padding: 2px 3px; 	color: #555; background: #E6E6E6; cursor:pointer;	border-width: 1px;  border-style: solid; border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;}
.Login-Validator {color:#444444; font-size:1.5em;}
.Login-Status { color:#A7743B; font-weight:bold; font-family:Tahoma; font-size:0.8em; }

/* Backoffice */
.Backoffice {padding:10px;}
.Backoffice-Label { color:#444444; font-family:Tahoma; font-size:0.9em; margin-top:5px; display:block;}
.Backoffice-Textbox {margin:0px 0px 0px 0px; padding: 8px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font-family:Tahoma; font-size:1.0em;}
.Backoffice-Dropdownlist {margin:0px 0px 0px 0px; color: #6A6969; border-width: 1px; border-style: solid; border-color: #d4d4d4 #ebebeb #ebebeb #d4d4d4; font-family:Tahoma; font-size:1.0em;}
.Backoffice-Button {font: bold 1.0em Arial, Sans-serif; margin-top:5px; padding: 2px 3px; color: #555; background: #E6E6E6; cursor:pointer;	border-width: 1px;  border-style: solid; border-color: #ebebeb #d4d4d4 #d4d4d4 #ebebeb;}
.Backoffice-Validator {color:#444444; font-size:1.5em;}
.Backoffice-Status { color:#A7743B; font-weight:bold; font-family:Tahoma; font-size:0.8em; }

/********************************************
   LAYOUT - MASTERPAGE
********************************************/
.Page { margin:0px auto 0px auto; padding:0px 0px 0px 0px; width:878px;}

    .Template {background:url(../images/bg-template.png); }
        
    .Header {position:relative; display:block; background:url(../images/bg-header.png) no-repeat; width:878px; height:437px;}
        .Logotipo{position:absolute; top:220px; left:10px; }
        .Menu {color:#666666; position:absolute; top:265px; left:212px; font-family:Arial, Trebuchet MS; font-size:0.9em; text-align:right; width:545px; }
        .Menu a {text-decoration:none; }
        .Menu a:hover {text-decoration:none;  color:#0096D2;}
        .Menu, .Menu a {color:#666666; }
        .Banner {position:absolute; top:305px; left:10px; }
    
    .tContent {min-height:600px; padding:0px 15px 0px 17px;}
        .tContentLeft {width:230px; float:left;}        
        .tContentMiddle {width:5px; min-height:600px;  float:left; margin-left:10px; position:relative; background:url(../images/line-middle.png) repeat-y;}   
            
        .tContentRight {width:585px; margin-left:250px;}        
    
    .Footer {background:url(../images/bg-footer.png); height:18px;}