/*-----------------------------------------------------------------------------
[cliente] Screen Stylesheet

versión: 				  1.0
fecha de creación:      21/01/2008
autor: 			   		[dimsoft, S.A.]
email:     				web[arroba]dimpanama.com
website:   				[www.grupocastel.com]
-----------------------------------------------------------------------------*/

*{margin: 0;padding: 0; border:0; } /* Opera, Firefox, Iexplorer */
body, p, td, th, div, blockquote{/*Type Selectors*/
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000;
}
h1{font-size: 1.8em;}
h2{font-size: 1.6em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}
h5{font-size: 1.0em;}
p{font-size: 14px; line-height:180%;}
ul{ font-size:14px; list-style-type: square;}
a:link, a:visited {color: #0000FF;}
a:hover, a:active{color: #00CCFF;}
hr{border: none; background-color:#CCC; color: #ADD8E6; height: 1px;}

/* Estilo del selector */
.indent{padding-left: 30px;}
.highlight{background-color: #FFFFCC; color: #B22222;}
.uppercase{text-transform: uppercase;}
.centered{text-align: center;}
.clear{clear:both;}
.fright{float: right;}
.fleft{float: left;}
.hide{ display:none;}
/* BODY
-----------------------------------------------------------------------------*/
#container-bg{ width:100%;}
#container{ width:760px; height:500px; margin:auto;}
#header{ height:135px; }
#header #titulo{margin:0; }
#header #menu{ width:600px; height:25px; margin:auto;}
#content-group{ padding-top:15px; position:relative; clear:both; overflow:hidden;}
#portada1{ width:740px; height:350px; margin:10px auto; }
#portada2{ width:740px; height:200px; margin:10px auto; }
#content{ position:relative; overflow:auto;}
#sidebar{ width:200px; height:300px; background:#CC6699; float:right}
#footer{ height:160px; padding:10px 0;}

/* template o layout
-----------------------------------------------------------------------------*/
.body1{  background-color:#F1F3F4}
.container-bg1{ background:#F1F3F4 url(../images/110001.jpg) repeat-x;}
.content-group1{ background:#fff url(../images/110005.jpg) center top no-repeat;}
.content1{ background-color:#FFF;}

.menu1{ background:transparent url(../images/110002.jpg) center no-repeat;}
.menu1 ul{ text-align:center; margin-top:4px;}
.menu1 ul li{ display:inline;}
.menu1 ul li a{  margin:12px 20px 0 20px; color:#FFF!important; text-decoration:underline; font-size:11px; font-weight:bold; text-decoration:none;}
.menu1 ul li a:hover{ text-decoration:underline; color:#FFFF99;}
.colleft1{ width:355px; margin:10px; float:left;}
.colright1{ width:355px; margin:10px; float:right;}
.colleft2{ width:530px; margin:10px;}
.sidebar1{ width:200px;}
.content1{ margin:25px 0;}
.content1 p{ margin:10px 0; color:#333;}
.content1 h3, .content h4{ font-family:"Century Gothic", Helvetica, Georgia, Arial;}
.content1 ul{ margin:10px 0; list-style-image:url(../images/220002.gif); }
.content1 ul li{ margin:10px 20px;}
.footer1{ background:#fff url(../images/110019.jpg) bottom center no-repeat;}
.footer1 .slogan1 p{ width:700px;height:30px; font-size:22px;  margin:20px; padding-bottom:10px; color:#666; text-align:center; font-weight:bold; border-bottom:1px dashed #000; font-family:"Century Gothic", Helvetica, Georgia, Arial;}
.footer1 .copyright1{ height:20px; padding-top:8px; color:#fff; background:#fff url(../images/110004.gif) center no-repeat; text-align:center; font-size:11px;}
.footer1 .dimsoft{ height:20px; margin-top:15px; text-align:center; font-size:10px;}
.p001{ background:#fff url(../images/110003.jpg) center no-repeat;}
.p002{ background:#fff url(../images/110015.jpg) center no-repeat;}
.p003{ background:#fff url(../images/110016.jpg) center no-repeat;}
.p004{ background:#fff url(../images/110017.jpg) center no-repeat;}
.textHn1{ color:#FF3300;}
.b1{ color:#0033CC; }
.e1{ font-weight:bold;}
/* FORM CONTACTENOS */
.contactenos form{ margin:25px 0; font-size:10px; width:500px;}
.contactenos form fieldset{ border:1px solid #999; padding:10px; }
.contactenos form fieldset legend{ font-size:12px; font-weight:bold; padding-bottom:10px;}
.contactenos form p{ width:480px; position:relative; overflow:hidden; padding-bottom:10px;}
.contactenos form label{ width:90px; display:block; float:left; text-align:right}
.contactenos form input, form textarea{ border:1px solid #999; float:left}
.contactenos form p span{ float:left;}
/* validacion */
.requerido{ color:#990000; font-weight:bold;}
input.required, input.textfield, input.validate-url, input.validate-url, input.validate-email, input.validate-digits{
font-size:11px;
color:#333;
padding:3px;
background:url(../images/textfield_bg.gif) left top repeat-x;
border:1px solid #ccc;
width:150px;
}