﻿@font-face{ 
	font-family: 'MartinGotMed';
	src: url('../fonts/martingoturwmed-webfont.eot');
	src: url('../fonts/martingoturwmed-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/martingoturwmed-webfont.woff') format('woff'),
	     url('../fonts/martingoturwmed-webfont.ttf') format('truetype'),
	     url('../fonts/martingoturwmed-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'MartinGotBol';
	src: url('../fonts/martingoturwbol-webfont.eot');
	src: url('../fonts/martingoturwbol-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/martingoturwbol-webfont.woff') format('woff'),
	     url('../fonts/martingoturwbol-webfont.ttf') format('truetype'),
	     url('../fonts/martingoturwbol-webfont.svg#webfont') format('svg');
}
@font-face{ 
	font-family: 'MartinGot';
	src: url('../fonts/martingoturwlig-webfont.eot');
	src: url('../fonts/martingoturwlig-webfont.eot?#iefix') format('embedded-opentype'),
	     url('../fonts/martingoturwlig-webfont.woff') format('woff'),
	     url('../fonts/martingoturwlig-webfont.ttf') format('truetype'),
	     url('../fonts/martingoturwlig-webfont.svg#webfont') format('svg');
}
* {
	padding: 0;
	margin: 0;
	font-family: 'MartinGot', "Trebuchet MS" , Arial, Helvetica, sans-serif;
} 
body
{
	font-family: 'MartinGot', "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #fff;
	margin: 0;
}
h1, h2, h3 
{
	color: #FFF;
	font-size:10pt;
}	
h1
{
	font-weight: lighter;
	font-family: 'MartinGot', "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size:18pt;
	color:#FFFFFF;
}
#wrapper 
{	
	width: 974px;
	margin: 0 auto;
	height: 100%;
	margin-top : 10px;
}

#left-slider
{
	float: left;
    width: 292px;
	height: 521px;
	display:inline-block;
}
#right-slider
{
	float: right;
    width: 292px;
	height: 600px;
	margin-top: -79px;
}
.formbar
{
	float: left;
	background-color : #818a44;
	min-height : 600px;
	width: 100%;
}
.outertable 
{ 
    vertical-align : top ;
    border: dotted 1px red;
    float: left;
    height: 100%;
}

.slides 
{
    width: 292px;
    height: 521px;
}
.right-slides 
{
    width: 292px;
    height: 600px;
}

.slides img
{
    width: 292px;
    height: 521px;
}
.right-slides img {
	width: 292px;
    height: 600px;
}

.logo 
{
	padding: 20px 0 0 20px;
    width: 129px;
    height : 59px;
    display: block;
}

.login 
{
	padding: 0 10px 10px;
	width: 370px;
	min-height: 348px;
	/*float: left;*/
	display:inline-block;
}

.login td.field
{
	font-family: 'MartinGot', "Trebuchet MS" , Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 11pt;
	color: #FFFFFF;
}

.login td .textbox, .login td .button
{
	font-size: 12pt;
}

.login table#tableLogin
{ 
	border-style:solid;
    border-color: #fff;
    border-width: 1px;
    width: 100%;
	margin: 0 auto;
	}
.login table#tableheading
{
    border-style : none;
    border-width : 0px;
    padding : 0px;
    margin : 0px;
    width: 98%;
    }
.login table#tableheading #tableheadingFirtTD
{
    }
.login table#tableheading .withBorder
{
    border-top-style:solid;
    border-top-color: #fff;
    border-top-width: 1px;
    
    border-left-style:solid;
    border-left-color: #fff;
    border-left-width: 1px;
    
    border-right-style:solid;
    border-right-color: #fff;
    border-right-width: 1px;
    text-transform : uppercase ;
    }
 .login table#tableheading .withBorder-large
{
    border-top-style:solid;
    border-top-color: #fff;
    border-top-width: 1px;
    
    border-left-style:solid;
    border-left-color: #fff;
    border-left-width: 1px;
    
    border-right-style:solid;
    border-right-color: #fff;
    border-right-width: 1px;
    text-transform : uppercase ;
 	width: 400px;
    }
    
.login table td 
{
	padding: 4px;
}

.separator
{
    width : 3px;
    }

.textbox 
{
	border: silver 1px solid;	
	height: 25px;
	width: 235px;
	font-size: 11pt;
}

.password 
{
	border: silver 1px solid;
}

.button 
{
	border:solid 1px black;	
	background-color: #B3D340;
	padding: 3px 5px;
	font-family: 'MartinGot', "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color : #51562b;
}
.error 
{
	color: #F3DDEB;
	font-size: 16pt;
}

.promociones
{
    width: 380px;
    height:123px;
    padding-left : 12px;
	/*float: left;*/
}
.promociones td
{
    vertical-align : top;
    }
.promociones td P
{
    margin-left : 8px;
    }
.promociones img
{
    width: 250px;
	height:123px;
}

.promociones a.sNetworks img
{
    width :34px;
    height : 34px
    }

.login table td p
{
	font-family: 'MartinGot', "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size:12pt;
	color:#3d4120;
}
.LostPasssword
{
    text-decoration :none;
    color : #B3D340;
    }
.lContacto
{
    text-decoration :none;
    color : #fff;
    }
    
.background-image{
	position:absolute;
	top:0;
	left:0;
	z-index:-10;
	overflow: hidden;
    width: 100%;
	display:none;
}
