/* @group reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select
{  
	margin:0; 
	padding:0; 
	outline:0; 
} 
table 
{ 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img,form
{  
    border:0; 
} 
address,caption,cite,code,dfn,th,var 
{ 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul 
{ 
	list-style:none; 
} 
caption,th 
{ 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 
{ 
    font-size:100%; 
    font-weight:normal; 
} 
/* @end */

/* @group main */

body, textarea
{
	font-family: 'Verdana', 'Arial';
}

a, a:active, a:visited, a:hover
{
	color: #d32016;
	font-weight: bold;
}

#container 
{
	margin: 0 auto;
	width: 940px;
}

#container #header
{
	background: url(img/header.gif) no-repeat;
	position: relative;
	height: 112px;
}

#container #header img
{
	float: left;
}

#container #header p 
{
	float: right;
	font-size: 14px;
	padding-top: 5px;
	text-align: right;
	color: #333;
	width: 55%;
}

#container #header ul 
{
	float: right;
	width: 60%;
	padding-top: 18px;
	padding-right: 25px;
}

#container #header ul li
{
	float:  right;
	height: 39px;
	margin: 0 5px;
	background: url(img/tabs.gif) no-repeat 0 -39px;
	position: relative;
	text-align: center;
}

#container #header ul li a
{
	vertical-align: middle;
	font-size: 20px;
	color: #666;
	text-decoration: none;
	display: block;
	height: 39px;
	line-height: 39px;
}

#container #header ul li#tab_company
{
	background-image: url(img/tab_company.gif);
	width: 132px;
}

#container #header ul li#tab_works
{
	background-image: url(img/tab_works.gif);
	width: 93px;
}

#container #header ul li#tab_contact
{
	background-image: url(img/tab_contact.gif);
	width: 142px;
}

#container #header ul li#tab_links
{
	background-image: url(img/tab_links.gif);
	width: 120px;
}

#container #content
{
	background: url(img/background.png);
	padding: 0 20px;
}

#container #footer
{
	background: url(img/footer.gif) no-repeat;
	padding-top: 30px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 15px;
	color: #636363;
}

#container #footer small
{
	display: block;
	font-size: 14px;
	color: #999;
}

/* @group Cameras Section */

#cameras ol
{
	list-style: none;
	width: 100%;
	margin: 0 auto;
	width: 720px;
}

#cameras ol li
{
	float: left;
	width: 120px;
	text-align: center;
	font-size: 12px;
}

#cameras ol li a
{
	display: block;
}

/* @end */

/* @group Company Section */

#company #container #header ul li#tab_company/*,
#company #container #header ul li#tab_company:hover, 
#company #container #header ul li#tab_company.hover*/
{
	background-position: top left;
}

/*#company #container #header ul li#tab_company:hover a, 
#company #container #header ul li#tab_company.hover a, */
#company #container #header ul li#tab_company a
{
	color:  black;
}

#company #container #content div
{
	float: left;
	background: url(img/quiensomos.gif) no-repeat;
	width: 387px;
	height: 370px;
}

#company #container #content div h1, #company #container #content div p
{
	display: none;
}

#company #container #content div div
{
	height: 50px;
	padding: 0;
	padding-left: 50px;
	background: url(img/location.gif) no-repeat;
	width: 190px;
	margin-left: 80px;
	_margin-left: 40px;
	margin-top: 300px;
}

#company #container #content div div a
{
	font-size: 16px;
	display: block;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
}

#company #container #content div div a.thickbox
{
	font-weight: bold;
}

#company #container #content ul
{
	float: left;
	width: 495px;
}

#company #container #content ul li
{
	padding-left: 90px;
}

#company #container #content ul li#experience
{
	padding-left: 0;
}

#company #container #content ul li h2
{
	font-size: 25px;
	font-weight: bold;
	color: #1d4bc2;
}

#company #container #content ul li p
{
	font-size: 18px;
	padding: 0;
}

#company #container #content ul li#experience, 
#company #container #content ul li#quality 
{
	margin-bottom: 35px;
}

#company #container #content ul li#experience span
{
	display: block;
	padding-left: 90px;
}
#company #container #content ul li#experience span#clock
{
	padding-left: 0;
	padding-top: 10px;
	float: left;
}
#company #container #content ul li#experience
{
	margin-top: 10px;
}

#company #container #content ul li#quality
{
	background: url(img/icon_quality.png) no-repeat 0 10px;
}

#company #container #content ul li#communication
{
	background: url(img/icon_communication.png) no-repeat 0 10px;
}
#company h1
{
	font-size: 25px;
	font-weight: bold;
	color: #1d4bc2;
	padding: 0 5px;
	margin-bottom: 10px;
}
#company p
{
	padding: 0 5px;
}
#company #container #content a.provider
{
	display: block;
	float: left;
	width: 33%;
	height: 100px;
	text-align: center;
	margin-top: 15px;
}
#company #container #content #alcar,
#company #container #content #aluminiosgp
{
	width: 50%;
	height: 82px;
}
#company #container #content #alcar img
{
	margin-top: 7px;
}
#company #container #content #hiecal img
{
	margin-top: 35px;
}
#company #container #content #sabutom img
{
	margin-top: 22px;
}
#company #container #content #magre img
{
	margin-top: 9px;
}
#company #container #content #technal img
{
	margin-top: 37px;
}

/* @end */

/* @group Works Section */

#works #container #header ul li#tab_works/*,
#works #container #header ul li#tab_works:hover, 
#works #container #header ul li#tab_works.hover*/
{
	background-position: top left;
}

#works #container #header ul li#tab_works a/*, 
/*#works #container #header ul li#tab_works:hover a, 
#works #container #header ul li#tab_works.hover a*/
{
	color:  black;
}

#works #works_content
{
	background: url(img/works_bkg.gif) no-repeat 0 -35px;
	height: 219px;
	padding: 0 20px;
}

#works #webcam 
{
	padding-left: 75px;
	background: url(img/icon_webcam.gif) no-repeat;
	height: 70px;
	margin-top: 10px;
	display: block;
	text-decoration: none;
}

#works #webcam a.link
{
	padding: 0;
	margin: 0;
	background: none;
	display: inline;
	color: #d32016;
	font-weight: bold;
}

#works #webcam h2
{
	font-size: 22px;
	font-weight: bold;
	color: black;
	text-decoration: none;
}

#works #webcam p
{
	font-size: 18px;
	padding: 0;
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

#works #content
{
	text-align: center;
}

#works h1
{
	font-size: 25px;
	font-weight: bold;
	color: #1d4bc2;
	padding: 0 5px;
	margin-bottom: 10px;
}

#works p
{
	display: block;
	font-size: 18px;
	padding: 0 5px;
	width: 50%;
}

#works #carousel
{
	width: 100%;
	height: 150px;
	display: none;
}
#works #carousel a
{
	position: absolute;
	width: 110px;
}

#mycarousel, #current_photo
{
	margin: 0 auto;
}

#loading, #loading2
{
	margin-top: 15px;
	width: 200px;
	margin: 0 auto;
	line-height: 32px;
}

#loading2
{
	display: none;
}

/**
 * This <div> element is wrapped by statically around the list
 * inside the HTML document.
 */
.jcarousel-scope {
    position: relative;
    width: 700px;
    -moz-border-radius: 10px;
    background: #eaeaea;
    padding: 20px 35px;
}

/**
 * Similar styles will be applied by jCarousel. But we additionally
 * add it here for better displaying with browsers having
 * javascript disabled.
 */
.jcarousel-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.jcarousel-list li {
    float: left;
    list-style: none;
}

/**
 * The button-elements are added statically in the HTML document
 * to illustrate how to cutomize the prev/next controls.
 *
 * We set display:none to hide them from browsers having
 * javascript. jCarousel will show them automatically.
 */
.jcarousel-next {
    position: absolute;
    top: 45px;
    right: 5px;
    cursor: pointer;
}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

.jcarousel-prev {
    position: absolute;
    top: 45px;
    left: 5px;
    cursor: pointer;
}

.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
}

/* @end */

/* @group Contact Section */

#contact #container #header ul li#tab_contact/*,
#contact #container #header ul li#tab_contact:hover, 
#contact #container #header ul li#tab_contact.hover*/
{
	background-position: top left;
}

#contact #container #header ul li#tab_contact a/*, 
#contact #container #header ul li#tab_contact a:hover*/
{
	color:  black;
}

#contact #container #content div
{
	float: left;
	background: url(img/contactenos.gif);
	width: 400px;
	height: 370px;
}

#contact #container #content div h1, #contact #container #content div p
{
	display: none;
}

#contact form
{
	padding: 5px 0 0 25px;
	float: left;
	width: 450px;
}

#contact fieldset
{
	border: 2px solid #ddd;
	padding: 10px 20px 20px 20px;
}

#contact fieldset legend
{
	font-size: 24px;
	font-weight: bold;
	color: #1d4bc2;
	padding: 0 5px;
}

#contact input, #contact select, #contact label, #contact textarea
{
	display: block;
	font-size: 18px;
	width: 380px;
}

#contact input, #contact textarea, #contact select
{
	padding: 3px;
	margin-bottom: 10px;
}

#contact select
{
	padding: 0px;
	display: inline;
	width: 100px;
}

#contact input#btnSend
{
	width: 100px;
	font-weight: bold;
	float: left;
}

#contact #imgLoading
{
	display: none;
	padding-left: 10px;
	float: left;
}

#contact #message_success, #contact #message_error
{
	padding: 3px 3px 3px 22px;
	margin-bottom: 15px;
	display: none;
}

#contact #message_success
{
	border: 1px solid #00cc00;
	background: url(img/accept.gif) no-repeat 3px 4px #f0fff0;
	color: #055e03;
}

#contact #message_error
{
	border: 1px solid #cc0000;
	background: url(img/delete.gif) no-repeat 3px 4px #fff0f0;
	color: #5e0303;
}

#contact input.hidden
{
	padding: 0;
}

#contact fieldset fieldset
{
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
}

#contact fieldset fieldset legend
{
	font-size: 18px;
	font-weight: normal;
	color: black;
}

#contact fieldset fieldset input
{
	display: inline;
	width: 12px;
	margin: 0;
}

#contact fieldset fieldset label
{
	display: inline;
	margin-right: 15px;
	font-size: 15px;
}

/* @end */

/* @group Links Section */

#links #container #header ul li#tab_links/*,
#links #container #header ul li#tab_links:hover, 
#links #container #header ul li#tab_links.hover*/
{
	background-position: top left;
}

#links #container #header ul li#tab_links a/*, 
#links #container #header ul li#tab_links a:hover*/
{
	color:  black;
}

#links #container #content div
{
	float: left;
	background: url(img/lainternetutil.gif) no-repeat;
	width: 400px;
	height: 350px;
}

#links #container #content div h1, #links #container #content div p, #links #container #content #set_home
{
	display: none;
}

#links #container #content div h2
{
	margin-top: 291px;
	text-align: center;
	font-size: 20px;
}

#links #container #content #set_home, #links #container #content #bookmark
{
	margin-left: 25px;
	padding-left: 22px;
	height: 21px;
	background: url(img/icon_bookmark.png) no-repeat;
	position: relative;
	margin-top: 5px;
	font-size: 18px;
}

#links #container #content #set_home
{
	background: url(img/icon_home.png) no-repeat;
	position: relative;
}


#links #container #content dl
{
	float: left;
	width: 440px;
	margin-left: 45px;
}

#links #container #content dl dt a,
#links #container #content dl dd,
h1.cat_title
{
	padding-left: 35px;
}

h1.cat_title
{
	margin-bottom: 15px;
}

#links #container #content dl dt a,
h1.cat_title,
h1.cat_title a
{
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #1d4bc2;
	padding-bottom: 3px;
}
h1.cat_title a
{
	text-decoration: underline;
}

#links #container #content dl dt a:hover
{
	text-decoration: underline;
}

#links #container #content dl dd
{
	font-size: 18px;
	margin-bottom: 10px;
}

#links #container #content dl dd a, #links #container #content dl dd a:hover
{
	color: #555;
}

#links #container #content dl #cat_banks a,
#links #container #content dl #cat_banks a:hover, 
h1#cat_bancos
{
	background-image: url(img/icon_banks.gif);
	position: relative;
	background-position: 0 1px;
}

#links #container #content dl #cat_search a, h1#cat_buscadores
{
	background-image: url(img/icon_search.png);
	position: relative;
	background-position: 0 2px;
}

#links #container #content dl #cat_shops a, h1#cat_compras
{
	background-image: url(img/icon_box.png);
	position: relative;
	background-position: 0 5px;
}

#links #container #content dl #cat_play a, h1#cat_ocio
{
	background-image: url(img/icon_cards.png);
	position: relative;
}

#links #container #content dl #cat_oficial a, h1#cat_coficiales
{
	background-image: url(img/icon_oficialc.png);
	position: relative;
}

#links #container #content dl #cat_news a, h1#cat_periodicos
{
	background-image: url(img/icon_news.png);
	position: relative;
	background-position: 0 5px;
}

#links #container #content dl #cat_services a, h1#cat_servicios
{
	background-image: url(img/icon_wifi.png);
	position: relative;
}

#links #container #content dl #cat_travels a, h1#cat_viajes
{
	background-image: url(img/icon_sun.gif);
	position: relative;
}

#links #container #content div.link
{
	background: none;
	width: 300px;
	height: 83px;
	text-align: center;
}

#links #container #content div.link img
{
}

#links #container #content div.link h2
{
	margin: 0;
}

#links #container #content dl#feed_items
{
	float: none;
	width: 100%;
	margin-left: 0;
}

#links #container #content dl#feed_items dt a,
#links #container #content dl#feed_items dd,
#links #container #content dl#feed_items dd a 
{
	padding-left: 0;
	font-size: 13px;
	text-indent: 0;
	font-weight: normal;
	text-decoration: none;
}

#links #container #content dl#feed_items dt,
#links #container #content dl#feed_items dd
{
	padding-left: 16px;
}

#links #container #content dl#feed_items dd a 
{
	color: #1d4bc2;
	text-decoration: underline;
	font-weight: bold;
}

#links #container #content dl#feed_items dt
{
	background: url(img/feed-list-bullet.gif) no-repeat 0 3px;
	margin-top: 5px;
}

#links #container #content dl#feed_items dt a
{
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	background-repeat: no-repeat;
	color: #d32016;
	padding-bottom: 3px;
}	

/* @end */

/* @end */

/* @group misc */

#intro
{
	text-align: center;
	padding-top: 70px;
	padding-bottom: 15px;
}

#skip_intro,
#skip_intro:hover
{
	color: #d32016;
	font-weight: bold;
	display: block;
	text-align: center;
}

#skip_intro:hover
{
	text-decoration: underline;
}

.clearfix:after { 
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
}

* html .clearfix {height:1px;}
.clearfix {display:inline-block;} 
/* Hide from IE Mac \*/ 
.clearfix {display:block;} 
/* End hide from IE Mac */ 
/* @end */