/* TAG's Default v2.7 */

/*
    Style Index
	-----------------------------------
	0. Reset
	1. Generic
    2. Layout
    3. Logo, Header and Main Navigation
    4. Content
    5. Footer
*/

/* 0. Reset /////////////////////////////////////////////////////////////////////////////////// */
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, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
							{ padding: 0px; margin: 0px; }
table						{ border-collapse: collapse; border-spacing: 0; }
a img,:link img,:visited img{ border: none; }
:focus						{ outline: none; }

/* 1. Generic /////////////////////////////////////////////////////////////////////////////////// */
body						{ font: normal 14px Arial, Helvetica, sans-serif; color: #999; margin: 0px; background-color: #FFF; line-height: 180%;}
input, textarea, select		{ border: solid 1px #CCC; background-color: #FFF; padding: 2px; }
select						{ padding: 1px; }
a							{ color: #333; text-decoration: none; }
a:hover						{ color: #666; text-decoration: underline; }
legend, .hidden, hr, button span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { display:none; }
ol, ul						{ list-style: none; }
h1{
	color:#088CC6;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 20px;
}
h2{
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 5px;
}
p{margin-bottom: 40px;}
ul{
	margin-bottom: 20px;
}
ul li{
	margin-left: 20px;
	list-style-type: disc;
	padding-bottom: 5px;
}
.txt1{	
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 5px;
}
.txt2{	
	color:#999;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
}
table.oferta td{
	padding: 10px 10px 20px 10px;
}

/* Varios */
#body_off					{ position: absolute; top: 0px; left: 0px; background-color: #FFF; z-index: 90; display: none; width: 100%; opacity: 0.80; filter: alpha(opacity=80); border: 0; }
.w100						{ width: 100%; }
.clear						{ clear: both; font-size: 1px; height: 1px; display:block; overflow: hidden; }
.radios						{ background: none;	border: 0; padding: 0; width: auto !important;}
.required, .no-required			{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #437AB1; }
.input_error				{ border: solid 2px #C00; }
.bold						{ font-weight: bold !important; }


/* Window */
.win						{ position: absolute; display: none; background: none; margin-top: 5px; width: 200px; }
.win fieldset				{ background: none; background-color: #FFF; border: solid 1px #CCC; padding: 10px; }
.win span.shw				{ display: block; background-color: #000; height: 2px; overflow: hidden; margin-left: 2px; clear: both; opacity: 0.25; filter: alpha(opacity=25); 	width: 99%; }		
a.win_b_close1				{ padding: 0 !important; margin: 0 !important; float: right !important; display:block !important; background: url(i/df_b_cerrar1.gif) no-repeat left top !important; width: 15px !important; height: 15px !important; overflow: hidden !important; margin-top: -2px !important; }
a.win_b_close1:hover		{ background-position: left bottom !important; }

/* Pager */
div.pager					{ overflow:hidden;	height:100%;	margin-bottom:17px !important;}
div.pager-last				{ overflow:hidden; 	margin-bottom:0 !important;	height: 100%; }
p.pager-elements			{ float:left; margin-bottom:0 !important; }
form.pager-controls			{ float:right; font-size:12px; }
form.pager-controls select	{ font-size:12px; color:#666; margin-left:2px; border:solid 1px #c5c5c5; }
form.pager-controls select option { font-size:12px;	padding:0 5px; } 
p.pager-controls			{ float:right; margin-bottom:0 !important; }
p.pager-controls a			{ margin:0 5px; color:#666; text-decoration:none; }
p.pager-controls strong		{ margin:0 5px; }
p.pager-controls span		{ background:url(i/df_ico_pager1.gif) no-repeat right; 	padding-right:13px; margin-left:11px; }
p.pager-controls a.siguiente{ padding-right:8px; background:url(i/df_arrow1.gif) no-repeat right; }


/* 2. Layout /////////////////////////////////////////////////////////////////////////////////// */
div#main {
	width: 990px;
	margin: 0 auto;
}
div#footer {
	font: normal 10px/140% Arial, Helvetica, sans-serif;
	color: #666;
	width: 990px;
	margin: 0 auto;
	height: 100%;
	overflow: hidden;
}
/* 3. Logo, Header and Main Navigation /////////////////////////////////////////////////////////////////////////////////// */
div#header {
	margin: 10px 0;
}
a#logo{
	float:left;
}
/* 4. Content /////////////////////////////////////////////////////////////////////////////////// */

/* Home */
body#home div#content {
	margin-bottom:20px;
	padding:10px 30px 30px 30px;
	clear: both;
	height: 100%;
	border: 1px solid #CCC;
	overflow: hidden;
}
body#home div#content div.alpha {
	width:590px;
	float:left;
	margin-right:30px;
}
body#home div#content div.alpha .video {
	width: 425px;
	border: #eee 1px solid;
	margin-top: -40px;
	margin-bottom: 40px;
}
body#home div#content div.gamma {
	float:left;
	width:300px;
	margin-top: 20px;
}
div.gamma .video{
	width:300px;
	margin-top: 20px;
}
div.gamma .login{
	width:300px;
	margin-top: 20px;
}
div.gamma .folleto{
	width: 300px;
	margin-top: 20px;
}
div.gamma .contacto{
	width: 260px;
	margin-top: 20px;
	padding: 20px 20px 10px 20px;
	background-image: url(i/df_bg1.gif);
	background-color:#f6f6f6;
	border: 1px solid #eee;
}
div.gamma .contacto h3{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #666;
	padding-bottom: 10px;
}
div.gamma .contacto p{
	margin-bottom: 10px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
/* Default */
body.default div#content {
	clear:both;
	overflow:hidden;
	padding: 20px 20px 0 20px;
}
body.default div#content div#alpha-beta {
	background:url(i/df_bg1.gif) repeat-y;
	overflow:hidden;
	margin-top:210px;
	width:690px;
	float:left;
}
body.default div#content div#alpha-beta ul.alpha {
	width:150px;
	float:left;
	margin-right:70px;
}
body.default div#content div#alpha-beta div.beta {
	width:450px;
	float:left;
	overflow:hidden;
	height:100%;
}
body.default div#content div.gamma {
	float:right;
	width:220px;
}

body.default div#content div#alpha {
	overflow:hidden;
	margin-top:80px;
	width:690px;
	float:left;
}
/* 5. Footer /////////////////////////////////////////////////////////////////////////////////// */
div#footer {
	clear: both;
}
div#footer a {
	color: #666;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding: 2px;
}
div#footer a.first {
	background:none;
	margin-left:0;
	padding-left:0;
}
div#footer ul {
	list-style-type:none;
}

div#footer ul li {
	display:inline;
}

div#footer .left {
	float: left;
	padding: 10px 5px;
	width: 50%;
}
div#footer .right {
	float: right;
	padding: 10px 5px;
	width: 45%;
	text-align: right;
}
/* Forms */
/* 6. Forms /////////////////////////////////////////////////////////////////////////////////// */

input, select, textarea {
	border:solid 1px #c5c5c5;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
	color:#666;
}

form span.required {
	display:block;
	float:left;
	margin-right:5px;
}
form span.no-required {
	visibility: hidden;
	float:left;
	margin-right:5px;
	display:block;
}
.df_form1 {
	border:solid 1px #ccc;
	font-size:12px;
}

.df_form1 h2 {
	margin:0 !important;
	border-bottom:solid 1px #ccc;
}

.df_form1 fieldset {
	padding:20px 14px 20px 17px;
	border: 0;
}

.df_form1 fieldset label {
	float:left;
	width:130px;
	color:#666;
}

.opinion_form1 fieldset label {
	float:left;
	width:100px;
	color:#666;
}

.df_form1 fieldset br {
	display:none;
}

.df_form1 fieldset p {
	clear:both;
	margin-bottom:10px !important;
}

.df_form1 div.valoracion {
	padding-top:12px;
	margin-bottom:28px;
	height:100%;
	overflow:hidden;
	clear:both;
}

div.valoracion_p1 {
	float:left;
	margin-right:22px;
}

div.valoracion_p2 {
	clear:both;
}

div.valoracion_p2 div {
	float:left;
	margin-right:22px;
}


.df_form1 div h3 {
	font-weight:normal;
	font-size:12px;
	color:#666;
	margin:0 0 15px 0;
}

.df_form1 .input1 {
	width:187px;
	height:14px;
	padding:3px;
}

.df_form1 .input2 {
	width:42px;
	height:14px;
	padding:3px;
}

.df_form1 .input3 {
	width:504px;
	height:14px;
	padding:3px;
}

.df_form1 .input4 {
	width:142px;
	height:14px;
	padding:3px;
}
.df_form1 .input5 {
	width:35px;
	height:14px;
	padding:3px;
}

.df_form1 .textarea1 {
	width:479px;
	height:184px;
	padding:3px;
}

.df_form1 .textarea2 {
	width:504px;
	height:184px;
	padding:3px;
}

.df_form1 .textarea3 {
	width:309px;
	height:184px;
	padding:3px;
}

.df_form1 .select1 {
	width:43px;
	height:18px;
}

.df_form1 .select2 {
	width:197px;
	height:18px;
}

.df_form1 ul.form_utilmenu1 {
	clear:both;
	margin:0 0 0 127px;
	list-style-type: none;
}

ul.form_utilmenu1 li {
	margin-bottom:18px;
	font-size:12px;
	list-style-type: none;
}

.df_form1 ul.form_utilmenu1 li input {
	border:none;
}

ul.form_utilmenu1 li label{
	float:none;
	margin-left:16px;
}

ul.form_utilmenu1 li a {
	color:#00699b;
	font-weight:bold;
	text-decoration:none;
}

ul.form_utilmenu1 li a:hover {
	text-decoration:underline;
}
/* 7. BUTTONS /////////////////////////////////////////////////////////////////////////////////// */
.buttons {
	clear: both;
	margin: 0;
	margin-top: 20px;
	display: block;
	height: 30px;
	margin-left: 130px;
}

.buttons li {
	float: left;
	margin-right: 10px;
	border: 1px solid #A0A0A0;
	list-style-type: none;
	height: 17px;
}

.buttons li a {
	background: url(i/df_b1.gif) repeat-x bottom;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	float: left;
	padding: 3px 10px;
	border: 1px solid #FFF;
	text-align: center;
	white-space: nowrap;
}

.buttons li a:hover {
	background: url(i/df_b1_f2.gif) repeat-x top;
	text-decoration: none;
	color: #333;
}