* { margin: 0; }

html, body { height: 100%; margin:0; padding:0; }


body { background: rgb(37, 37, 37) url(../img/bg.jpg) repeat; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #CCC; 
	   line-height: 250%;  }

h1 { font-size: 18px; margin-top: 40px; } 

h2 { font-size: 18px; color: rgb(255, 204, 0); text-decoration: none; margin-top: 20px; }

p { margin-top: 20px; }

/* TABS */

ul li{ float:left; }

.Tabs { width: 900px; height: 37px; float: left; position: relative; margin-left: -450px; left: 50%; }

.tabNavigation { width: 900px; height: 37px; float: left; position: relative; }

UL.tabNavigation LI#web a{ background-image: url(../img/request/MR_WEB.png); width: 85px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#web a:hover{ background-image: url(../img/request/MR_WEB.png); width: 85px; height: 70px; display: block; cursor: pointer;}
UL.tabNavigation LI#web a.selected{ background-image: url(../img/request/MR_WEB1.png); width: 85px; height: 70px; display: block; cursor: pointer; }

UL.tabNavigation LI#brand a{ background-image: url(../img/request/MR_BRAND.png); width: 207px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#brand a:hover{ background-image: url(../img/request/MR_BRAND.png); width: 207px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#brand a.selected{ background-image: url(../img/request/MR_BRAND1.png); width: 207px; height: 70px; display: block; cursor: pointer; }

UL.tabNavigation LI#video a{ background-image: url(../img/request/MR_VIDEO.png); width: 164px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#video a:hover{ background-image: url(../img/request/MR_VIDEO.png); width: 164px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#video a.selected{ background-image: url(../img/request/MR_VIDEO1.png); width: 164px; height: 70px; display: block; cursor: pointer; }

UL.tabNavigation LI#tresD a{ background-image: url(../img/request/MR_3D.png); width: 234px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#tresD a:hover{ background-image: url(../img/request/MR_3D.png); width: 234px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#tresD a.selected{ background-image: url(../img/request/MR_3D1.png); width: 234px; height: 70px; display: block; cursor: pointer; }

UL.tabNavigation LI#otros a{ background-image: url(../img/request/MR_OTHERS.png); width: 110px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#otros a:hover{ background-image: url(../img/request/MR_OTHERS.png); width: 110px; height: 70px; display: block; cursor: pointer; }
UL.tabNavigation LI#otros a.selected{ background-image: url(../img/request/MR_OTHERS1.png); width: 110px; height: 70px; display: block; cursor: pointer; }


/*------------------------------------------------------------------------------------------------------------*/
br {clear: left}
#wform { width: 640px; height: auto; position: relative; margin-top:10px;  float: left; margin-left: -380px; left: 50%; }
#bform { width: 640px; height: auto; position: relative; margin-top:10px;  float: left; margin-left: -380px; left: 50%; }
#vform { width: 640px; height: auto; position: relative; margin-top:10px;  float: left; margin-left: -380px; left: 50%; }
#Aform { width: 640px; height: auto; position: relative; margin-top:10px;  float: left; margin-left: -380px; left: 50%; }
#Oform { width: 640px; height: auto; position: relative; margin-top:10px;  float: left; margin-left: -380px; left: 50%; }

.fieldset { width: 640px; position: relative;  }
.aboutYOU { width: 600px; margin-left: 10px; margin-bottom: 10px;  }
label  { width: auto; padding-left: 10px; padding-right: 10px; margin: 5px; float: left; text-align: left; }
.textbox { height: 15px; margin-top: 10px; }
.textboxc { height: 15px; margin-top: 10px; width: 30px; }
.textarea {  margin-bottom: 15px; overflow: auto; }
.textareab {  overflow: auto; width: 160px; padding: 0px; }
input { margin-bottom: 15px; }
.radiob { margin-top: 7px; margin-left: 10px; float: left; text-align: left; margin-right: 5px; }
.radiobt {margin-top: 0px; margin-left: -7px; }
.txtform {margin-left: 0px;}

/*------------------------------------------------------------------------------------------------------------*/

.botones {margin-left: 420px; margin-top: 10px;}
.button { text-align: center; float: left; margin-left: 10px; border: 1px dashed rgb(255, 204, 0);
		  width: 95px; height: 40px; cursor: pointer; font: Tahoma, Geneva, sans-serif; font-size: 18px; color: #333; }
.button:hover { border: 0; width: 95px; height: 40px; color: rgb(255, 204, 0); background-color: #666 }

#note {width: 400px; position: relative; padding: 5px; float: left; margin-top: -70px;  }
#noteb { width: 400px; position: relative; padding: 5px; float: left; margin-top: -70px; }
#notev { width: 400px; position: relative; padding: 5px; float: left; margin-top: -70px; }
#note3d { width: 400px; position: relative; padding: 5px; float: left; margin-top: -70px; }
#noteO { width: 400px; position: relative; padding: 5px; float: left; margin-top: -70px; }
.notification_error { height: auto; width: 400px; padding: 8px; text-align: left; background: rgb(255, 204, 0); filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; position: relative; color: #000; font-weight: 700  }
.notification_ok { height: auto; width: 400px; padding: 8px; text-align: left; background: rgb(255, 204, 0); filter:alpha(opacity=20); -moz-opacity: 0.2; opacity: 0.2; position: relative; color: #000; font-weight: 700 }
/*------------------------------------------------------------------------------------------------------------*/

#multimonth { border: 2px solid #000; overflow: auto; float: left; }
.dp-applied { float: left; }
table.jCalendar { border: none; }
.dp-popup-inline { height: 160px;}

/*------------------------------------------------------------------------------------------------------------*/