/* CSS Document */

body{
	background:#FFFFFF;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:0.8em;
}

.home{
	background:url(../Images/Public/bg_home.png) top center repeat-x;
}

.section{
	background:url(../Images/Public/bg_section.png) top center repeat-x;
}

.home #general{
	background:url(../Images/Public/bg_splash.png) top center no-repeat;
}

.section #general{
	background:url(../Images/Public/bg_splash_section.png) top center no-repeat;
}

#general{
	background:url(../Images/Public/bg_splash.png) top center no-repeat;
}

#header{
	height:40px;
}

#header-content{
	margin:0 auto;
	padding-top:6px;
	width: 1000px;
}

#header-content #header-menu{
	padding:0;
	margin:2px 0 0 10px;
	display:inline;
}

#header-content #header-menu li{
	float: left;
	list-style-type: none;
	margin-right:50px;
	margin-left:10px;
}

#header-content li a{
	font-weight:bold;
	color:#FFFFFF;
	font-size:130%;
	letter-spacing:-0.03em;
	text-decoration:none;
}

#header-content li a:hover{
	text-decoration:underline;
}

#header-content #header-flags{
	float:right;
	padding:0;
	margin:0 10px 0 0;
	display:inline;
}

#header-content #header-flags li{
	float: left;
	list-style-type: none;
	margin-left: 6px;
}

.home #splash{
	margin:0 auto;
	width: 1000px;
	height:503px;
}

.section #splash{
	margin:0 auto;
	width: 1000px;
	height:130px;
}

#splash-info{
	width:400px;
	float:left;
	margin-top:115px;
	margin-left: 15px;
	color:#FFFFFF;
}

#splash-info h1{
	font-size:240%;
	letter-spacing:-0.06em;
}

#splash-info h2{
	font-size:180%;
	letter-spacing:-0.04em;
}

#splash-info h3{
	font-size:130%;
	letter-spacing:-0.03em;
	font-weight:normal;
}

#splash-info a{
	font-weight:bold;
	color:#FFFFFF;
	font-size:130%;
	letter-spacing:-0.03em;
	text-decoration:underline;
}

#content{
	margin:0 auto;
	width: 1000px;
}

.video{
	width: 318px;
	background-color:#EEEEEE;
	clear:right;
}

.video h1{
	margin:5px 0 3px 0;
	padding:0;
	font-size:130%;
	letter-spacing:-0.04em;
	color:#000000;
}

.video img{
	float:left;
	margin: 5px;
}

#video1{
	margin: 10px 6px 10px 11px;
	float:left;
}

#video2{
	margin: 10px 6px 10px 6px;
	float:left;
}

#video3{
	margin: 10px 11px 10px 6px;
	float:left;
}

.example{
	width: 318px;
	background-color:#EEEEEE;
	clear:right;
}

.example img{
	float:left;
	margin: 0;
	border:0;
}

#example1{
	margin: 10px 6px 10px 11px;
	float:left;
}

#example2{
	margin: 10px 6px 10px 6px;
	float:left;
}

#example3{
	margin: 10px 11px 10px 6px;
	float:left;
}

#footer{
	margin:0 auto;
	margin-top:10px;
	width: 1000px;
	clear:both;
}

#footer #copy{
    float:right;
    font-size:90%;
}

#footer #logo{
    float:left;
}

#footer h3{
    font-size:120%;
    margin:0;
    padding:0;
}

#footer #direccion1{
    float:left;
    margin:5px;
    padding:5px 10px 5px 5px;
    border-right: 2px solid #666666;
}

#footer #direccion2{
    float:left;
    margin:5px;
    padding:5px;
}

#info_comprar{
    width:465px;
    padding:10px;
    margin:10px 5px 10px 10px;
    float:left;
    background-color:#FFFFFF;
    overflow:hidden;
}

#info_comprar p{
    padding-left:10px;
}

#formulario_comprar{
    width:465px;
    padding:10px;
    margin:10px 10px 10px 5px;
    float:right;
    background-color:#ECECEC;
    overflow:hidden;
}

#formulario_comprar fieldset{
    border:0;
}

#formulario_comprar fieldset p{
    border:0;
}

#formulario_comprar fieldset p label{
    float:left;
    width:120px;
    text-align:right;
    padding-right:10px;
    padding-top:3px;
}

#formulario_comprar fieldset p input{
}

#formulario_comprar fieldset p .boton{
    float:right;
}

/********************** LiveValidation **********************/
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
    padding-left:18px;
    background:url(../Images/Public/icons/tick-circle.png) left center no-repeat;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}
/***********************************************************/