* { margin:0; padding:0;}
body { background:#B4B4B4; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:.875em; color:#ffffff; align:center}

input, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper, block { width:100%; overflow:hidden;}
.container { width:100%;}

.maxheight img { position:relative;}

p { margin-bottom:22px;}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#contacts-form .form { height:30px;}
#contacts-form .form input {width:206px; color:#84817c; padding:2px 0 2px 3px; background:none; border:1px solid #84817c;}
#contacts-form textarea { width:206px; height:111px; background:none; overflow:auto; border:1px solid #84817c; color:#84817c; padding:1px 0 0 3px; margin-bottom:20px;}
#contacts-form .link1 b { width:auto; padding-right:17px; padding-left:17px;}
#contacts-form .send { margin-left:10px;}


/*==================list====================*/
ul { list-style:none;}

.list1 dt { background:url(http://www.ecosc.com.mx/en/images/icon1.gif) no-repeat left 2px; padding:0 0 9px 21px; font-size:1.1em;}
.list1 dd { padding-bottom:28px;}

.list2 li { background:url(http://www.ecosc.com.mx/en/images/marker.gif) no-repeat left 4px; padding:0 0 8px 19px; }
.list2 li a { color:#ffffff; text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}


/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:30px; position:relative;}
.img-box img { float:left; margin:0 20px 0 0;}

.p1 { margin-bottom:22px;}
.p2 { margin-bottom:10px;}
.p3 { margin-bottom:32px;}


/*==================txt, links, lines, titles====================*/
a {color:#333333;}
a:hover{text-decoration:none;}

h2 { font-size:1.1em; line-height:1.1em; font-weight:normal; margin-bottom:28px; color:#ffffff;}
h3 { font-size:1.1em; font-weight:normal; margin-bottom:8px; color:#ffffff;}
h4 { font-size:1.1em; line-height:1.1em; font-weight:normal; margin-bottom:16px; color:#ffffff;}
h5 {font-size:1.1em; font-weight:normal; color:#ffffff;}

.link1 { display:block; float:left; background:url(http://www.ecosc.com.mx/en/images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(http://www.ecosc.com.mx/en/images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(http://www.ecosc.com.mx/en/images/link1-right.gif) no-repeat right top; padding:0px 15px 0px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.extra-link { background:url(http://www.ecosc.com.mx/en/images/arrow.gif) no-repeat left 1px; padding:0 0 0 15px; font-size:1.1em;}

.title { margin-bottom:19px;}
.title img { margin:-2px -20px 0 -5px; position:relative;}
.titlemapa { margin-bottom:19px;margin-top:12px;}
.titlemapa img { margin:0 0 0 0px; position:relative;}


/*==================boxes====================*/
.box { background:url(http://www.ecosc.com.mx/en/images/box-bg.jpg) left top repeat-y; width:100%;}
.box .top { background:url(http://www.ecosc.com.mx/en/images/box-top.jpg) no-repeat left top;}
.box .top1 { background:url(http://www.ecosc.com.mx/en/images/box-top1.jpg) no-repeat left top;}
.box .top2 { background:url(http://www.ecosc.com.mx/en/images/box-top2.jpg) no-repeat left top;}
.box .bottom { background:url(http://www.ecosc.com.mx/en/images/box-bot.jpg) no-repeat left bottom;}
.box .inner { padding:20px 25px 30px 32px;}

.boxrojo { background:url(http://www.ecosc.com.mx/en/images/boxrojo-bg.jpg) left top repeat-y; width:100%;}
.boxrojo .top { background:url(http://www.ecosc.com.mx/en/images/box-top.jpg) no-repeat left top;}
.boxrojo .top1 { background:url(http://www.ecosc.com.mx/en/images/boxrojo-top1.jpg) no-repeat left top;}
.boxrojo .top2 { background:url(http://www.ecosc.com.mx/en/images/box-top2.jpg) no-repeat left top;}
.boxrojo .bottom { background:url(http://www.ecosc.com.mx/en/images/boxrojo-bot.jpg) no-repeat left bottom;}
.boxrojo .inner { padding:20px 25px 30px 32px;}

.boxmapa { background:url(http://www.ecosc.com.mx/en/images/box-bg.jpg) left top repeat-y; width:100%;}
.boxmapa .top { background:url(http://www.ecosc.com.mx/en/images/box-top.jpg) no-repeat left top;}
.boxmapa .top1 { background:url(http://www.ecosc.com.mx/en/images/box-top1.jpg) no-repeat left top;}
.boxmapa .top2 { background:url(http://www.ecosc.com.mx/en/images/box-top2.jpg) no-repeat left top;}
.boxmapa .bottom { background:url(http://www.ecosc.com.mx/en/images/box-bot.jpg) no-repeat left bottom;}
.boxmapa .inner { padding:5px 5px 5px 15px;}

.box1 { background:url(http://www.ecosc.com.mx/en/images/box1-bg.jpg) left top repeat-y; width:100%;}
.box1 .top { background:url(http://www.ecosc.com.mx/en/images/box1-top.jpg) no-repeat left top;}
.box1 .top1 { background:url(http://www.ecosc.com.mx/en/images/box1-top1.jpg) no-repeat left top;}
.box1 .bottom { background:url(http://www.ecosc.com.mx/en/images/box1-bot.jpg) no-repeat left bottom;}
.box1 .inner { padding:20px 25px 30px 32px;}

.box2 { background:url(http://www.ecosc.com.mx/en/images/box2-bg.jpg) left top repeat-y; width:100%;}
.box2 .top { background:url(http://www.ecosc.com.mx/en/images/box2-top.jpg) no-repeat left top;}
.box2 .bottom { background:url(http://www.ecosc.com.mx/en/images/box2-bot.jpg) no-repeat left bottom;}
.box2 .inner { padding:20px 25px 30px 32px;}

.cont-box { padding:0 25px 0 0; margin:0;}
.cont-box span { float:right;}


/*header*/
#header div { position:absolute; margin-left:0px;}

/*content*/
#content { background:#ffffff; width:980px; align:left}
#content .bg { background:#ffffff; width:980px;}
#content .inside { padding:0px 5px 2px 60px;}

/*shadows*/
#shadow { background:#ffffff; width:980px; align:left}
#shadow .bg { background:#ffffff; width:980px;}
#shadow .inside { padding:0px 5px 20px 60px;}

/*footer*/
#footer { background:url(http://www.ecosc.com.mx/en/images/footer-bg.jpg) left top no-repeat; text-align:left;}
#footer p { padding:37px 0 10px 80px; margin:0; font-size:1.1em;}
#footer p a { padding:0 28px 0 28px; color:#ffffff; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}

/*footer2*/
#footer2 { background:#B4B4B4; text-align:center; font-size:8pt;  color:#333333;}


/*==========================================*/